js 数组和对象的深度拷贝

不得不说,自己进步很多。现在爱用let b = JSON.parse(JSON.stringify(a)) 不管a是数组还是对象。简单粗暴。。常用拷贝:数组用Array.from或Array.of, 对象用Object.assign()...i like ES678...


今天开发时遇到一个问题,一般来说,数组的拷贝 var a = [1,2,3] , b = a.slice(0)即可,或者b = a.concat().或者b = [].concat(a)   

但是深一层的话b拷贝a后,b内部和a还是指向同一块地址,比如a = [1,{c:2}]  ,b = a.slice(0) ,,后面改变b[1].c = 3,发现a[1].c也变成3了....

这就涉及到数组的深度拷贝。。于是花了几分钟写一个递归函数,

var deepCopy = function (source) {
    var result;
    if (typeof source == "object" && source instanceof Array) {
        result = [];
        for (var i = 0, len = source.length; i < len; i++) {
            result[i] = typeof source[i] === "object" ? deepCopy(source[i]) : source[i];
        }
    } else if (source instanceof Object) {
        result = {};
        for (var key in source) {
            result[key] = typeof source[key] === "object" ? deepCopy(source[key]) : source[key];
        }
    }
    return result;
};
调用下即可,b = deepCopy(a)再改变b[1].c = 3,发现a[1].c不变了....

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值