首页 > 其他 > 详细

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

时间:2019-06-20 14:06:20      阅读:335      评论:0      收藏:0      [点我收藏+]

近期在做一个关于地图的项目,由于要展示的数据中有的还没有定位信息,但是需要展示其他信息,所以要做数据的筛选,但是,经过筛选之后发现地图能正常展示了,但是数据出现了有时出现,有时不出现的情况,经过不懈努力终于把数据展示搞没问题了,地图中展示的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值不会变化,两个值是独立存在的

 

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

原文:https://www.cnblogs.com/liweiz/p/11058247.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!