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

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

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

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.parse(JSON.stringify(obj))(有局限) 使用递归函数手动实现 借助 Lodash 等工具库的 _.cloneDeep()

注意: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,未受影响

如何选择使用哪种拷贝?

根据实际需求判断:

若对象结构简单,且不包含嵌套引用,浅拷贝足够,性能更好 若对象有多层嵌套,或需要完全隔离数据,应使用深拷贝 注意深拷贝可能带来性能开销,尤其是大对象或深层结构基本上就这些。关键在于明白引用传递的机制,以及复制操作是否切断了对原始嵌套对象的连接。

以上就是如何理解JavaScript中的深拷贝与浅拷贝?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1524176.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 16:34:31
下一篇 2025年12月20日 16:34:39

相关推荐

发表回复

登录后才能评论
关注微信