关于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 这些值,因为字符串没法对这种类型进行解析

发布了27 篇原创文章 · 获赞 6 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/github_37673306/article/details/93862521