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

vue 复制data里面的对象/数组,改复制出来的对象/数组,为什么data里面的对象/数组也被改了?深浅拷贝_第1张图片将data里面的sensors数组的一部分复制给arr 数组;

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

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

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

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

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

方法:

1. 对象的深拷贝

var a ={1, 2, 3};

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

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

2.数组深拷贝

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

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

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

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

 

 

你可能感兴趣的:(前端,react,native,vue.js)