浅拷贝(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。
需要注意的是,基本类型(如数字、字符串、布尔值等)通过=赋值是进行值的复制,而不是引用的复制。只有对象和数组才会涉及到浅拷贝和深拷贝的问题。
本文介绍了JavaScript中的浅拷贝和深拷贝概念,浅拷贝创建新对象共享内存,深拷贝则复制所有值和嵌套结构保持独立。基本类型通过赋值进行值复制,对象和数组涉及浅拷贝和深拷贝技术。





