浅拷贝和深拷贝的方法

浅拷贝:也就是在对象复制时,只是对对象中的数据成员进行简单的赋值,如果对象中存在动态成员,即指针,浅拷贝就会出现问题。
深拷贝:对于深拷贝,针对成员变量存在指针的情况,不仅仅是简单的指针赋值,而是重新分配内存空间。


1.ES6实现浅拷贝: Object.assign()

e.g.  Object.assign({a:1},{a:2,b:3})

      输出结果{a: 2, b: 3}

2.js实现浅拷贝

function shallowClone(source) {
    if(!source || typeof source!=Object){
        return new Error('error');
    }
    var targetObj=source.constructor()===Array?[]:{};
    for(var keys in source){
        if(source.hasOwnProperty(keys)){
            targetObj[keys]=source[keys];
        }
    }
    return targetObj;
}

3.js实现深拷贝

function cloneDeep(obj){
    if(typeof obj !== 'object' || Object.keys(obj).length === 0 ){
        return obj;
    }
    let resultData = {};
    return recurison(obj, resultData);
}

function recurison(obj, data = {}){
    for(key in obj){
        if(typeof obj[key] == 'object' && Object.keys(obj[key].length > 0 )){
            data[key] = recurison(obj[key]);
        }else{
            data[key] = obj[key];
        }
    }
    return data;
}


猜你喜欢

转载自blog.csdn.net/gloria199091/article/details/80177407