关于JS深拷贝和浅拷贝

标签：ons   一个   引用数据类型   对象   div   前端   递归   大神   区别   

最近在前端开发中遇到一些问题，就是数组中的某个对象或某个对象的值改变之后，在不刷新页面的时候需要重新渲染值时，页面显示的还是原来的数据。比如：

data{

A:[{id:1,num:1},{id:2,num:2},{id:3,num:3}]

}

function changeA(){

　　let B = this.data.B;

　　B.forEach(item=>{ 

　　　　item.num = 4

　　 });

　　this.setData({

　　　　A:B

　　});

console(this.data.A);

}

这时候打印出来时已经改变的值。A：[{id:1,num:4},{id:2,num:4},{id:3,num:4}]。但是页面显示的还是原来的值。这时候就要使用深拷贝了。

最后一句引用大神关于JS深拷贝和浅拷贝区别，有兴趣的可以去看下： https://www.jianshu.com/p/cf1e9d7e94fb

关于JS深拷贝和浅拷贝

标签：ons   一个   引用数据类型   对象   div   前端   递归   大神   区别   

原文地址：https://www.cnblogs.com/GGDong/p/11890373.html