JS变量之间赋值,修改变量值,原变量会随之改变的问题

现象:
  开发vue项目的过程中,需要多次用到一份基础数据,为减少代码量,提高一下复用效果,便用变量A来定义,在项目中需要用到时就用变量A进行赋值。
  在项目中调用时,新定义一个变量B,再将变量A赋值给变量B,即B=A;
  期望的效果是,赋值之后,A和B是两份数据,对变量B进行操作时不影响变量A,结果发现想的是一回事,敲出来的完全是另一回事,修改B变量时A变量也跟着改变了。
原因:
  我们期待的是,B从A变量copy出一份数据,变成两份一样的基础数据,操作B而不影响A,让A始终保持原滋原味。但是B=A的方式只是将B指向A的存储地址,实际上只有同一份数据,因此无论修改A还是B都是会互相影响的。
解决方法:
  

B = JSON.parse(JSON.stringify(A))


先用SON.stringify(A)从A对象中解析出字符串,再用JSON.parse()将解析出的字符串转换成JSON对象

数组方法不能赋值


两次输出    第二次是个数字

等于之后就是长度

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值