有关JS 深拷贝和浅拷贝

首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级。

浅拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变。

深拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型。两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。

实现深拷贝的集中方法:
1. 对象只有一层的话可以使用:Object.assign()函数

Object.assign({}, obj1) 跟我们手动复制的效果相同,所以一样只能处理深度只有一层的对象,没办法做到真正的 Deep Copy。不过如果要复制的对象只有一层的话可以考虑使用它。

2. JSON.stringify
JSON.stringfy 只能拷贝Number, String, Boolean, Array,这些能够被 json 直接表示的数据结构。可以转成JSON的对象才可以使用,像function()就不能拷贝。

3.递归拷贝

function deepClone(initalObj, finalObj) {    
    var obj = finalObj || {};    
    for (var i in initalObj) {        
        var prop = initalObj[i];        // 避免相互引用导致死循环,如initalObj.a = initalObj的情况
        if(prop === obj) {            
            continue;
        }        
        if (typeof prop === 'object') {
            obj[i] = (prop.constructor === Array) ? [] : {};            
            arguments.callee(prop, obj[i]);
        } else {
            obj[i] = prop;
        }
    }    
    return obj;
}
var str = {};
var obj = { a: {a: "hello", b: 21} };
deepClone(obj, str);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值