浅拷贝复制对象第一层,引用类型共享内存地址,修改嵌套对象会影响原对象;深拷贝递归复制所有层级,完全独立,互不影响。常见浅拷贝方法有Object.assign、扩展运算符,深拷贝可用JSON.parse(JSON.stringify())或_.cloneDeep(),但前者不支持函数、undefined等。选择依据:简单结构用浅拷贝,多层嵌套需深拷贝以避免数据污染。

JavaScript中的深拷贝与浅拷贝主要涉及对象或数组复制时,如何处理嵌套引用的问题。理解它们的区别对避免数据意外修改至关重要。
什么是浅拷贝?
浅拷贝创建一个新对象,但只复制原对象第一层属性的值。对于基本类型,复制的是实际值;对于引用类型(如对象、数组),复制的是指向内存地址的引用。
这意味着,如果原对象中有嵌套对象,拷贝后的新对象和原对象仍共享这些嵌套对象。修改其中一个的嵌套内容,会影响另一个。
常见实现方式:- 使用 Object.assign({}, obj)
- 使用扩展运算符 {...obj}
- 数组可用 slice()、concat() 或 [...arr]
例如:
立即学习“Java免费学习笔记(深入)”;
const original = { name: 'Alice', info: { age: 25 } };
const shallow = { ...original };
shallow.info.age = 30;
console.log(original.info.age); // 输出 30,被修改了
什么是深拷贝?
深拷贝会递归复制对象的所有层级,包括嵌套的对象和数组,生成一个完全独立的新对象。原对象和拷贝对象之间没有任何引用共享。
修改其中一个,不会影响另一个,适合需要彻底隔离数据的场景。
常见实现方式:注意:JSON 方法无法处理函数、undefined、Symbol、循环引用等特殊值。
例如:
立即学习“Java免费学习笔记(深入)”;
const original = { name: 'Bob', info: { age: 20 } };
const deep = JSON.parse(JSON.stringify(original));
deep.info.age = 25;
console.log(original.info.age); // 输出 20,未受影响
如何选择使用哪种拷贝?
根据实际需求判断:
- 若对象结构简单,且不包含嵌套引用,浅拷贝足够,性能更好
- 若对象有多层嵌套,或需要完全隔离数据,应使用深拷贝
- 注意深拷贝可能带来性能开销,尤其是大对象或深层结构










