拓展运算符是深拷贝还是浅拷贝

  • 拓展运算符是深拷贝还是浅拷贝已关闭评论
  • 194 次浏览
  • A+
所属分类:Web前端
摘要

对于拓展运算符是深拷贝还是浅拷贝网上怎么说的都有,我就说一下我的理解。

对于拓展运算符是深拷贝还是浅拷贝网上怎么说的都有,我就说一下我的理解。

什么是深拷贝?什么事浅拷贝?

假如B复制了A,修改A的时候,看B是否发生变化:

如果B也跟着了,说明是浅拷贝,拿别人手段!

如果B没有改变,说明是深拷贝,自食其力!

怎么判断拓展运算符是什么拷贝呢?

看一下下面的例子:

  let a = [1,2,3];   let b = [...a];   console.log(b);//[1,2,3]   a[1] = 4;   console.log(a);//[1,4,3]   console.log(b);//[1,2,3]

结合浅拷贝和深拷贝的概念,那拓展运算符是不是深拷贝?别急看下面的例子:

let peoples = [{name:'zs',age:18,sex:"男"},{name:'ls',age:16,sex:"女"}];   let peoplesTwo = [...peoples];   peoples[0].age = 22;   console.log(peoples);//[{name:'zs',age:22,sex:"男"},{name:'ls',age:16,sex:"女"}]   console.log(peoplesTwo);//[{name:'zs',age:22,sex:"男"},{name:'ls',age:16,sex:"女"}]

结合浅拷贝和深拷贝的概念,那拓展运算符是不是浅拷贝?

所以结合上面两个例子得出一个结论,拓展运算符是深拷贝还是浅拷贝是看具体拷贝内容的,当拷贝的内容只有一层时是深拷贝,层数很多时时浅拷贝,如果还是不太理解可以先看深拷贝和浅拷贝的定义然后自己手敲一下代码,会有所帮助,谢谢。