关于vue中深拷贝的惨痛教训

近期在做一个关于地图的项目，由于要展示的数据中有的还没有定位信息，但是需要展示其他信息，所以要做数据的筛选，但是，经过筛选之后发现地图能正常展示了，但是数据出现了有时出现，有时不出现的情况，经过不懈努力终于把数据展示搞没问题了，地图中展示的marker点又乱了（一脸懵逼）。后来想起来之前操作虽然看似将地图数据和展示数据分开，但是由于只是改变了指向，所以最终操作的还是一个玩意（蠢哭）。下面上深拷贝代码。

1.数组

1 var vs=[1,2,453,12,432]
2 var gets=vs
3 gets.push(0)
4 console.log(vs)
5 //[1,2,453,12,432，0]
//不通过深拷贝会改变原来数组中的内容

应改为

1 var vs=[1,2,453,12,432]
2 var gets=vs.JSON.parse(JSON.stringify(vs))
3 gets.push(0)
4 console.log(vs)
//此时vs值不会变化，两个值是独立存在的

 

转载于:https://www.cnblogs.com/liweiz/p/11058247.html