浅拷贝复制对象第一层,引用类型共享内存地址,修改嵌套对象会影响原对象;深拷贝递归复制所有层级,完全独立,互不影响。常见浅拷贝方法有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.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
微信扫一扫
支付宝扫一扫