实现深拷贝

在通过 vuex 进行数据共享的时候都知道,vuex有一个 响应式的特性,如果组件中想要使用vuex中的共享数据,但是在某一情况下 需要改变这个数据,并且还 不能影响其他 使用该数据 的组件时,就可以通过深拷贝来实现,深拷贝会重新开辟一块 内存 ,存放对应的数据,改变之后不会影响原来的数据,下面是通过 递归 实现的深拷贝:

function deepCopy(new_o, old_obj) {
        for (var k in old_obj) {
          // 判断属于那种数据类型
          // 1 获取属性值
          var item = old_obj[k] //值
          // 2 判断这个值是否是数组
          if (item instanceof Array) {
            //instanceof 属于
            new_o[k] = [] // get_o.k 属性名
            deepCopy(new_o[k], item) //  递归,把item给new_o[k]
            // 3 判断这个值是否是对象
          } else if (item instanceof Object) {
            new_o[k] = {}
            deepCopy(new_o[k], item)
            // 4 属于简单数据类型
          } else {
            new_o[k] = item
          }
        }
      }

除此之外还能够通过:JSON对象实现深拷贝,和 使用assign 进行拷贝

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值