js深浅拷贝

本文深入探讨了JavaScript中的浅拷贝和深拷贝概念,解析了它们的区别以及如何辨别。浅拷贝仅复制对象的引用,而深拷贝会创建完全独立的对象副本。文中列举了多种实现浅拷贝和深拷贝的方法,如`=赋值`、`Object.assign()`、`JSON.parse(JSON.stringify())`等,并指出了各种方法的适用场景和潜在问题。了解这些知识对于优化代码性能和避免意外数据更改至关重要。
摘要由CSDN通过智能技术生成

直接步入主题

浅拷贝

1、只是拷贝了对象的引用地址,和被拷贝的对象共用同一个引用地址,所以改变任何一个对象内容,另外一个也会跟着改变。(图1)

2、当对象中有引用数据类型的时候,其引用地址没有变化的时候,修改任何对象的引用对象的内容也会相互影响(图2)

深拷贝

把被拷贝的对象的全部内容(包括其中引用数据类型的地址)赋值到不同引用地址的对象 ,即拷贝后所有的引用地址都改变,所以改变任何一个对象的所有内容都不会相互影响(图3)

 如何辨别是否是深浅拷贝:判断拷贝后的数据与被拷贝数据其中所有的引用地址是否改变

浅拷贝的方法:

        1、= 赋值引用地址  2、Object.assign()  3、数组的slice方法 4、数组concat方法 5、数组Array.from方法 6、扩展运算符...   除第一种其余的可以拷贝只有一层的对象或者数组

深拷贝的方法:

        1、递归方案  (其实就是通过循环一层一层的进行拷贝)  后续补充此方法

        2、JSON.parse(JSON.stringify())方法        这个方案简单易懂,不过也有缺点,对于                            undefined、function、symbol 会在转换过程中被忽略

        3、自己手动写  适合数据简单情况

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值