对象的深复制

异同:

浅复制 (影子克隆): 只复制对象的基本类型, 对象类型, 仍属于原来的引用。
深复制 (深度克隆): 不紧复制对象的基本类, 同时也复制原对象中的对象。就是说完全是新对象产生的。

思路:

遍历所有该对象的属性,
如果该属性是 "object" 则需要特殊处理,
如果这个 object 对象比较特殊,是一个数组,那就创建一个新的数组并深复制数组里的元素
如果这个 object 对象是个非数组对象,那直接再对它递归调用深复制方法即可。
如果不是 "object",则直接正常复制就行。

注意事项:

直接在 Object.prototype 上实现该方法的好处是,所有对象都会继承该方法。坏处是某些库也会改写 Object 对
象,所以有时会发生冲突。这是需要注意的。

代码:

Object.prototype.deepCopy=function(){
    var obj={};//用于最后返回一个对象,这个对象是深复制的结果
    for(var attr in this){//遍历这个对象的每一个属性
        if(this.hasOwnProperty(attr)){//主要是递归自有属性
            if(typeof (this[attr]==='object')){//如果对象的属性是一个对象,就递归复制它的每一个属性
                if(this[attr]===null){//如果对象为null
                    obj[attr]=null;
                }else if(Object.prototype.toString(this[attr])==='[object Array]'){//如果是个数组
                    obj[attr]=[];
                    for(var i=0;i<this[attr].length;i++){
                        obj[attr].push(this[attr][i].deepCopy());
                    }
                }else{//object
                    obj[attr]=this[attr].deepCopy();
                }
            }else{
                obj[attr]=this[attr];
            }
        }
    }
    return obj;
}

ES6 版本

function deepCopy(obj){
    if(typeof obj === 'object'){
        if(obj === null){
            return null;
        }
        let result = {};
        const keys = Object.keys(obj);
        const length = keys.length;
        for(let i=0;i<length;i+=1){
            const key = keys[i];
            const value = obj[key];
            let data;
            if(Array.isArray(value)){
                data = [];
                for(j=0,len = value.length;j<len;j+=1){
                    const item = deepCopy(value[j]);
                    data.push(item);
                }
            }else if(typeof value === 'object'){
                data = deepCopy(value);
            }else{
                data = value;
            }
            result[key] = data;
        }
        return result;
    }else{
        return obj;
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值