如何理解JavaScript中的深拷贝与浅拷贝？-js教程-PHP中文网

如何理解JavaScript中的深拷贝与浅拷贝？

betcha

发布： 2025-09-28 15:50:02

原创

653人浏览过

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

如何理解javascript中的深拷贝与浅拷贝？

JavaScript中的深拷贝与浅拷贝主要涉及对象或数组复制时，如何处理嵌套引用的问题。理解它们的区别对避免数据意外修改至关重要。

什么是浅拷贝？

浅拷贝创建一个新对象，但只复制原对象第一层属性的值。对于基本类型，复制的是实际值；对于引用类型（如对象、数组），复制的是指向内存地址的引用。

这意味着，如果原对象中有嵌套对象，拷贝后的新对象和原对象仍共享这些嵌套对象。修改其中一个的嵌套内容，会影响另一个。

常见实现方式：

使用 Object.assign({}, obj)
使用扩展运算符 {...obj}
数组可用 slice()、concat() 或 [...arr]

例如：

立即学习“Java免费学习笔记（深入）”；

<font face="Courier New">
const original = { name: 'Alice', info: { age: 25 } };
const shallow = { ...original };
shallow.info.age = 30;
console.log(original.info.age); // 输出 30，被修改了
</font>

登录后复制

什么是深拷贝？

深拷贝会递归复制对象的所有层级，包括嵌套的对象和数组，生成一个完全独立的新对象。原对象和拷贝对象之间没有任何引用共享。

标贝科技

标贝科技-专业AI语音服务的人工智能开放平台

查看详情

修改其中一个，不会影响另一个，适合需要彻底隔离数据的场景。

常见实现方式：

使用 JSON.parse(JSON.stringify(obj))（有局限）
使用递归函数手动实现
借助 Lodash 等工具库的 _.cloneDeep()

注意：JSON 方法无法处理函数、undefined、Symbol、循环引用等特殊值。

例如：

立即学习“Java免费学习笔记（深入）”；

<font face="Courier New">
const original = { name: 'Bob', info: { age: 20 } };
const deep = JSON.parse(JSON.stringify(original));
deep.info.age = 25;
console.log(original.info.age); // 输出 20，未受影响
</font>

登录后复制