浅拷贝(Shallow Copy):
浅拷贝创建一个新的对象或数组,并将原始对象或数组的引用复制到新对象或数组中。这意味着新对象或数组与原始对象或数组共享相同的内存地址,因此对其中一个对象或数组的修改会影响到另一个对象或数组。
// 浅拷贝示例
const originalArray = [1, 2, 3];
const shallowCopyArray = originalArray; // 使用=赋值进行浅拷贝
shallowCopyArray[0] = 10;
console.log(originalArray); // 输出 [10, 2, 3]
在上面的示例中,通过使用=
赋值进行浅拷贝,originalArray
和shallowCopyArray
引用相同的数组。因此,修改shallowCopyArray
中的元素也会影响到originalArray
。
深拷贝(Deep Copy)
深拷贝创建一个新的对象或数组,并递归地复制原始对象或数组的所有值和嵌套对象或数组。这意味着新对象或数组与原始对象或数组完全独立,对其中一个对象或数组的修改不会影响到另一个对象或数组。
// 深拷贝示例
const originalArray = [1, 2, 3];
const deepCopyArray = [...originalArray]; // 使用扩展运算符进行深拷贝
deepCopyArray[0] = 10;
console.log(originalArray); // 输出 [1, 2, 3]
在上面的示例中,通过使用扩展运算符[...originalArray]
进行深拷贝,originalArray
和deepCopyArray
引用不同的数组。因此,修改deepCopyArray
中的元素不会影响到originalArray
。
需要注意的是,基本类型(如数字、字符串、布尔值等)通过=
赋值是进行值的复制,而不是引用的复制。只有对象和数组才会涉及到浅拷贝和深拷贝的问题。