关于js中的深拷贝与浅拷贝

一、概念及原理分析

简单的来说，浅拷贝就是浅层次的拷贝，只拷贝一层，对于深层次的对象就拷贝他的引用；深拷贝是深层次的拷贝，会对对象的每一层都进行拷贝。浅拷贝的对象不能完全保证不跟原对象产生关联，但是深拷贝的对象绝对跟原对象无关，原对象的改变不会对深拷贝的对象产生任何的影响。

看了很多文章，有的文章说浅拷贝是拷贝对象的引用，通过浅拷贝的对象跟原对象共同引用一个堆的地址，所以浅拷贝无法解决新对象跟原对象关联问题，而深拷贝就是完全生成一个新对象，跟原对象没有任何关联，新对象的改变不会对原对象产生影响。我认为这种说法不够全面，因为浅拷贝也可能使新对象跟原对象解除关联，只要原对象只有一层。

总之深浅拷贝的终极目标就是复制一个与原对象无关的新对象，具体要什么时候使用浅拷贝，什么时候使用深拷贝需要根据实际情况灵活使用。

二、实现深拷贝与浅拷贝的方法

（一）浅拷贝的方法

1.Object.assign方法

对于只有一层的对象，就是说对象所有的属性值都是基本数据类型，不包含引用数据类型，使用Object.assign进行浅拷贝就可以了

通过控制台的调试可以看出，改变obj1这个对象中a的值，obj2中的a的值并没有改变

如果obj1是一个两层的对象呢，就是说对象中还有对象

这时候我们可以看到，随着obj1的改变，obj2也改变了，使用Object.assign进行浅拷贝就不行了

2.Array.from方法

对于只有一层的数组来说，使用Array.from进行浅拷贝就行了

而如果是一个对象数组，使用Array.from就不行了，如下例所示，对a数组的改变同时影响了a和b

（二）深拷贝的方法

1.遍历递归

遍历递归就是一种深拷贝的方法，就是说不管对象有多少层级，都对他进行遍历，把他每一层级的属性都重新复制给新对象的属性，这样产生的新对象就不会再受原对象的影响。

如上例所示，obj1是多层的对象，我们利用递归遍历对他进行深拷贝的到obj2，然后改变obj1中值，没有对obj2产生任何影响

2.JSON.stringify和JSON.parse

利用JSON.stringify和JSON.parse也可以实现对象的深拷贝

b = JSON.stringify(a);
b = JSON.parse(b);

但是要注意一点，这种方法只适合对象的属性当中没有function或 RegExp 这些值，因为字符串没法对这种类型进行解析

欢迎关注「不出户」公众号 

在公众号回复「python」，获取全套python学习资源。

在公众号回复「vue」，领取vue核心教程

在公众号回复「react」，领取react全套教程

在公众号回复「angular」，领取angular学习资源

在公众号回复「算法」，领取算法学习教程

在公众号回复「nodejs」，领取nodejs学习教程，更有更多精品资源敬请期待