{"id":3319,"date":"2022-04-23T19:51:10","date_gmt":"2022-04-23T11:51:10","guid":{"rendered":"http:\/\/www.yuguoxy.com\/geekhome\/?p=3319"},"modified":"2022-04-23T19:51:10","modified_gmt":"2022-04-23T11:51:10","slug":"%e6%b7%b1%e6%8b%b7%e8%b4%9d%e5%92%8c%e6%b5%85%e6%8b%b7%e8%b4%9d","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=3319","title":{"rendered":"\u6df1\u62f7\u8d1d\u548c\u6d45\u62f7\u8d1d"},"content":{"rendered":"

\u6df1\u62f7\u8d1d\u548c\u6d45\u62f7\u8d1d\u662f\u7ecf\u5e38\u5728\u9762\u8bd5\u4e2d\u4f1a\u51fa\u73b0\u7684\uff0c\u4e3b\u8981\u8003\u5bdf\u4f60\u5bf9\u57fa\u672c\u7c7b\u578b\u548c\u5f15\u7528\u7c7b\u578b\u7684\u7406\u89e3\u6df1\u5ea6\u3002<\/p>\n

\u4e00\u3001\u5148\u4e86\u89e3\u5185\u5b58<\/h3>\n

1. \u5185\u5b58\u7b80\u5355\u5212\u5206\u4e3a\u5806\u533a\u57df\u548c\u6808\u533a\u57df
\n2. \u590d\u6742\u6570\u636e\u7c7b\u578b\u6570\u636e\u5b58\u50a8\u5728\u5806\u533a\u57df\uff0c\u57fa\u672c\u6570\u636e\u7c7b\u578b\u53d8\u91cf\u548c\u5f15\u7528\u53d8\u91cf\u5b58\u50a8\u5728\u6808\u533a\u57df<\/p>\n

\u4e8c\u3001\u62f7\u8d1d- \u590d\u5236obj\u5bf9\u8c61\u5f97\u5230\u4e00\u4e2a\u5168\u65b0\u7684\u5bf9\u8c61\uff0c<\/h3>\n

1. \u6d45\u62f7\u8d1d – \u590d\u5236\u7684obj\u5bf9\u8c61\u53ea\u590d\u5236\u4e00\u5c42\uff0c\u5982\u679c\u5bf9\u8c61\u5c5e\u6027\u503c\u662f\u5bf9\u8c61\u5219\u4e0d\u80fd\u590d\u5236
\n2. \u6df1\u62f7\u8d1d – \u5b8c\u5168\u590d\u5236\u7684obj\u5bf9\u8c61\uff0c\u5982\u679c\u5bf9\u8c61\u5c5e\u6027\u503c\u662f\u5bf9\u8c61\u4e00\u8d77\u590d\u5236\u5f97\u5230\u5168\u65b0\u5bf9\u8c61
\n3. \u793a\u4f8b<\/p>\n

[java]const obj = {
\n\tname: ‘jack’,
\n\tage: 18,
\n\tfun: { swiming: ‘\u6e38\u6cf3’ }, \/\/ Object
\n }
\n[\/java]<\/p>\n

\u6d45\u62f7\u8d1d<\/h5>\n

\"20220423193220\"<\/a><\/p>\n

\u6df1\u62f7\u8d1d<\/h5>\n

\"20220423193605\"<\/a><\/p>\n

\u4e09\u3001\u5b9e\u73b0\u65b9\u5f0f<\/h3>\n
1. JSON.parse(JSON.stringify(obj))<\/h5>\n

\u7f3a\u70b9: \u6570\u636e\u7c7b\u578b\u662fFunction\u6216\u6570\u636e\u503c\u4e3aundefined\u65e0\u6cd5\u62f7\u8d1d
\n[java]
\nconst obj = {
\n name: ‘jack’,
\n age: 18,
\n hobby: {swiming:’\u6e38\u6cf3’},
\n arr: [{ score: 98 }],
\n say: () => {}, \/\/ Function \u65e0\u6cd5\u62f7\u8d1d
\n number: undefined, \/\/ undefined \u65e0\u6cd5\u62f7\u8d1d
\n }[\/java]<\/p>\n

2. Object.assign(obj)\u6216\u5c55\u5f00\u8fd0\u7b97\u7b26{…obj}<\/h5>\n

\u7f3a\u70b9\uff1a\u53ea\u80fd\u62f7\u8d1d\u4e00\u5c42,\u5982\u679c\u5c5e\u6027\u503c\u662f\u5bf9\u8c61\uff0c\u65e0\u6cd5\u62f7\u8d1d
\n[java]
\nconst obj = {
\n name: ‘jack’,
\n age: 18,
\n hobby: {swiming:’\u6e38\u6cf3’}, \/\/ Object \u65e0\u6cd5\u62f7\u8d1d
\n arr: [{ score: 98 }], \/\/ Array \u65e0\u6cd5\u62f7\u8d1d
\n say: () => {}, \/\/ Function \u65e0\u6cd5\u62f7\u8d1d
\n number: undefined, \/\/ undefined
\n }[\/java]<\/p>\n

3. \u9012\u5f52 cloneDeep()<\/h5>\n
4. \u4f18\u5316:<\/h5>\n
\n
    \n
  • 1. \u5982\u679c\u5bf9\u8c61\u5c5e\u6027\u503c\u6ca1\u6709\u5bf9\u8c61\uff0c\u53ea\u6709\u4e00\u5c42,\u4f7f\u7528\u5c55\u5f00\u8fd0\u7b97\u7b26{…obj}<\/li>\n
  • 2. \u5982\u679c\u5bf9\u8c61\u6570\u636e\u7c7b\u578b\u4e0d\u662fFunction\u4e5f\u4e0d\u662f\u6570\u636e\u503c\u4e3aundefined,\u4f7f\u7528JSON.parse(JSON.stringify(obj))<\/li>\n
  • 3. \u5426\u5219\u4f7f\u7528\u9012\u5f52<\/li>\n<\/ul>\n<\/blockquote>\n

    \u56db\u3001\u6848\u4f8b<\/h3>\n

    [java]\/**
    \n * \u4f7f\u7528 JSON.parse(JSON.stringify(obj)) \u62f7\u8d1d
    \n *\/
    \nconst testJSON = () => {
    \n\tconst obj = {
    \n\t\tname: ‘jack’,
    \n\t\tage: 18,
    \n\t\thobby: { swiming: ‘\u6e38\u6cf3’ }, \/\/ Object
    \n\t\tarr: [{ score: 98 }], \/\/ Array
    \n\t\tsay: () => {}, \/\/Function
    \n\t\tnumber: undefined, \/\/undefined
    \n\t}<\/p>\n

    \tconst cloneObj = JSON.parse(JSON.stringify(obj))
    \n\tconsole.log(‘obj :’, obj, ‘\\n cloneObj :’, cloneObj)
    \n}
    \n[\/java]
    \n[java]\/**
    \n * \u4f7f\u7528 1. Object.assign(obj)
    \n * 2. \u5c55\u5f00\u8fd0\u7b97\u7b26{…obj}
    \n *\/
    \nconst testAssign = () => {
    \n\tconst obj = {
    \n\t\tname: ‘jack’,
    \n\t\tage: 18,
    \n\t\thobby: { swiming: ‘\u6e38\u6cf3’ }, \/\/ Object
    \n\t\tarr: [{ score: 98 }], \/\/ Array
    \n\t\tsay: () => {console.log(‘say>>’)}, \/\/Function
    \n\t\tnumber: undefined, \/\/undefined
    \n\t}<\/p>\n

    \t\/\/ const cloneObj = Object.assign(obj)
    \n\tconst cloneObj = { …obj }
    \n\tcloneObj.name = ‘rose’
    \n\tcloneObj.age = 20
    \n\tcloneObj.hobby.swiming = ‘\u4e0d\u4f1a\u6e38\u6cf3’ \/\/ \u65e0\u6cd5\u62f7\u8d1d,cloneObj.hobby == obj.hobby
    \n cloneObj.arr[0].score = 100
    \n\tcloneObj.say()
    \n\tconsole.log(‘obj :’, obj, ‘\\n cloneObj :’, cloneObj)
    \n}[\/java]<\/p>\n

    [java]\/**
    \n * \u6df1\u62f7\u8c9d-\u9012\u5f52\u5b9e\u73b0
    \n * @param {*} data
    \n * @returns
    \n *\/
    \nconst cloneDeep = data => {
    \n\tconst newData = Array.isArray(data) ? [] : {}
    \n\tfor (let key in data) {
    \n\t\tif (data[key] && typeof data[key] === ‘object’) {
    \n\t\t\tnewData[key] = cloneDeep(data[key])
    \n\t\t} else {
    \n\t\t\tnewData[key] = data[key]
    \n\t\t}
    \n\t}
    \n\treturn newData
    \n}[\/java]
    \n[java]\/**
    \n * test\u9012\u5f52-\u62f7\u8d1d
    \n *\/
    \nconst testCloneDeep = () => {
    \n\tconst obj = {
    \n\t\tname: ‘jack’,
    \n\t\tage: 18,
    \n\t\thobby: { swiming: ‘\u6e38\u6cf3’ }, \/\/ Object
    \n\t\tarr: [{ score: 98 }],
    \n\t\tsay: () => {}, \/\/Function
    \n\t\tnumber: undefined, \/\/undefined
    \n\t\tstudents: [
    \n\t\t\t{
    \n\t\t\t\tstudent: {
    \n\t\t\t\t\tnum: {
    \n\t\t\t\t\t\tid: 1,
    \n\t\t\t\t\t},
    \n\t\t\t\t},
    \n\t\t\t},
    \n\t\t],
    \n\t}
    \n\tconst cloneObj = cloneDeep(obj)
    \n\tcloneObj.name = ‘rose’
    \n\tcloneObj.age = 20
    \n\tcloneObj.hobby.swiming = ‘\u4e0d\u4f1a\u6e38\u6cf3’
    \n\tcloneObj.arr[0].score = 100
    \n\tcloneObj.students[0].student.num.id = 100
    \n\tconsole.log(‘obj :’, obj, ‘\\n cloneObj :’, cloneObj)
    \n\tconsole.log(cloneObj.students[0].student.num.id === obj.students[0].student.num.id)
    \n}[\/java]<\/p>\n

    [java]\/**
    \n * \u5224\u65ad\u5bf9\u8c61\u5c5e\u6027\u503c\u662f\u5426\u6709\u5bf9\u8c61
    \n * @param {} data
    \n * @returns
    \n *\/
    \nconst isObjectValue = data => {
    \n\tfor (let key in data) {
    \n\t\tif (data[key] && typeof data[key] === ‘object’) {
    \n\t\t\tif(Object.prototype.toString.call(data[key]) !== ‘[object Function]’){
    \n return true
    \n }
    \n\t\t}
    \n\t}
    \n}
    \n[\/java]
    \n[java]\/**
    \n * \u9012\u5f52\u5224\u65ad\u6570\u636e\u7c7b\u578b
    \n * Function\u6216undefined\u8fd4\u56de\u4e3atrue
    \n *\/
    \nconst isFunctionOrUndefined = data => {
    \n\tfor (let key in data) {
    \n\t\tif (data[key] === undefined) {
    \n\t\t\treturn true
    \n\t\t} else if (data[key] && Object.prototype.toString.call(data[key]) === ‘[object Function]’) {
    \n\t\t\treturn true \/\/Function
    \n\t\t} else if (data[key] && typeof data[key] === ‘object’) {
    \n\t\t\tisFunctionOrUndefined(data[key])
    \n\t\t}
    \n\t}
    \n}
    \n[\/java]
    \n[java]\/**
    \n * \u62f7\u8d1d\u5bf9\u8c61 \u4f18\u5316\u65b9\u6848
    \n * @param {*} obj \u539f\u5bf9\u8c61
    \n * @param {*} cloneOjb \u8fd4\u56de\u62f7\u8d1d\u5bf9\u8c61
    \n *\/
    \nconst cloneDeepObj = obj => {
    \n\tif (obj === undefined) {
    \n\t\tthrow new TypeError(‘param is not undefined’)
    \n\t}
    \n\t\/\/\u5224\u65ad\u62f7\u8d1d\u5bf9\u8c61\u53ea\u6709\u4e00\u5c42\u53ca\u5c5e\u6027\u503c\u90fd\u4e0d\u662f\u5bf9\u8c61,\u4f7f\u7528Object.assign()
    \n\tif (!isObjectValue(obj)) {
    \n\t\treturn { …obj }
    \n\t}
    \n\t\/\/\u5224\u65ad\u7c7b\u578b,\u5982\u679c\u4e0d\u662fFunction\u6216undefined\u4f7f\u7528JSON\u65b9\u5f0f
    \n\tif (!isFunctionOrUndefined(obj)) {
    \n\t\treturn JSON.parse(JSON.stringify(obj))
    \n\t}<\/p>\n

    return cloneDeep(obj)<\/p>\n

    }
    \n[\/java]
    \n[java]const testCloneDeepObj = () => {
    \n\tconst obj = {
    \n\t\tname: ‘jack’,
    \n\t\tage: 18,
    \n\t\thobby: { swiming: ‘\u6e38\u6cf3’ },
    \n\t\tarr: [{ score: 98 }],
    \n\t\tsay: function(){console.log(this.name)},
    \n\t\tnumber: undefined,
    \n\t}
    \n\tconst cloneObj = cloneDeepObj(obj)
    \n\tcloneObj.name = ‘rose’
    \n\tcloneObj.age = 20
    \n\tcloneObj.hobby.swiming = ‘\u4e0d\u4f1a\u6e38\u6cf3’
    \n\tcloneObj.arr[0].score = 100
    \n\tconsole.log(‘obj :’, obj, ‘\\n cloneObj :’, cloneObj)
    \n cloneObj.say()
    \n obj.say()
    \n}<\/p>\n

    testCloneDeepObj()[\/java]<\/p>\n","protected":false},"excerpt":{"rendered":"

    \u6df1\u62f7\u8d1d\u548c\u6d45\u62f7\u8d1d\u662f\u7ecf\u5e38\u5728\u9762\u8bd5\u4e2d\u4f1a\u51fa\u73b0\u7684\uff0c\u4e3b\u8981\u8003\u5bdf\u4f60\u5bf9\u57fa\u672c\u7c7b\u578b\u548c\u5f15\u7528\u7c7b\u578b\u7684\u7406\u89e3\u6df1\u5ea6\u3002 \u4e00\u3001\u5148\u4e86\u89e3\u5185\u5b58 1. \u5185\u5b58\u7b80 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[109,105],"tags":[],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3319"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3319"}],"version-history":[{"count":15,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3319\/revisions"}],"predecessor-version":[{"id":3337,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/3319\/revisions\/3337"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}