vue 复制data里面的对象/数组,改复制出来的对象/数组,为什么data里面的对象/数组也被改了?深浅拷贝

本文探讨了JavaScript中浅拷贝与深拷贝的区别,通过实例展示了当修改复制后的数组时,原数组也会被改动的问题。文章解释了这是因为两个对象引用了同一块内存。为了解决这个问题,介绍了深拷贝的概念,并提供了两种实现深拷贝的方法:手动创建新对象以及使用JSON.stringify和JSON.parse的组合。此外,还强调了深拷贝在确保对象独立性上的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将data里面的sensors数组的一部分复制给arr 数组;

发现改动arr数组,data里面的sensors数组也被改动了;

发现简单的复制只是浅拷贝;

改动一个,另外一个也被改动;

这就是问题的原因,因为它们指向都是同一块内存;想要改变一个对象里面的值,另一个对象不受影响,就要在内存开辟多另外一个空间存值,那就要实现深拷贝;

方法:

1. 对象的深拷贝

var a ={1, 2, 3};

var b = a; (简单的赋值不是深拷贝)

深拷贝: b = {a[0], a[1], a[2]}

2.数组深拷贝

JSON.stringify()实现对象/数组的深拷贝;

再用JSON.parse()转成json格式;

不用JSON.parse()就会变成这样,出现把换行显示成/出现;

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值