数组对象深拷贝

多层嵌套的数组对象使用扩展运算符原数组依然被修改:

let arr = [
    {
     name:'a',
     num:1,
     children:[
              {name:'a1',num:1,},
              {name:'a2',num:2,},
              {name:'a3',num:3,}
           ]
      },
      {
        name:'b',
        num:1,
        children:[
              {name:'b1',num:1,},
              {name:'b2',num:2,}
         ]
      }
   ]
let arr2 = [...arr]
arr2[0].children.splice(1,1)
console.log(arr)

结果如下:
数组对象深拷贝_第1张图片
arr的children也被删除了

需要使用一下方法可以解决:

let arr2 = JSON.parse(JSON.stringify(arr))
arr2[0].children.splice(1,1)
console.log(arr)

此时输出原数组没有被改变

你可能感兴趣的:(1024程序员节)