在 JavaScript 中,浅拷贝(Shallow Copy)和深拷贝(Deep Copy)是两种常见的对象复制方式,它们在复制对象时的复制深度和复制方法上有所不同。
浅拷贝(Shallow Copy)
浅拷贝是指只复制对象的第一层属性,而不复制对象内部的引用类型数据结构。当使用浅拷贝时,复制的对象和原始对象共享相同的引用类型数据结构,如果修改了其中一个对象内部的引用类型数据,另一个对象也会受到影响。
实现方式:
- 使用对象展开运算符(
...
)或Object.assign()
方法进行浅拷贝。 - 使用数组的
slice()
方法或展开运算符进行浅拷贝。
深拷贝(Deep Copy)
深拷贝是指完全复制一个对象,包括对象内部的所有引用类型数据结构。深拷贝后的对象与原始对象完全独立,修改其中一个对象不会影响另一个对象。
实现方式:
- 使用递归方式遍历对象并复制所有属性和值。
- 使用 JSON.parse(JSON.stringify(obj)) 进行深拷贝,但该方法无法处理函数、正则表达式等特殊类型。
区别与应用场景:
-
复制深度:
- 浅拷贝只复制对象第一层的属性,不复制内部的引用类型数据。而深拷贝会递归地复制对象的所有属性和值,包括内部的引用类型数据。
-
对原始对象的影响:
- 浅拷贝和原始对象共享引用类型数据,修改一个对象会影响另一个对象。而深拷贝生成独立的对象,修改一个对象不会影响另一个对象。
-
适用情况:
- 浅拷贝适用于一般的对象复制,仅需要复制对象的第一层属性时。而深拷贝适用于需要完全复制对象和其内部引用类型数据结构的情况。