js中的深复制、浅复制

211 阅读1分钟

简单的总结一下js中的浅复制、深复制的简单写法

浅复制

function shallowCopy(copyObj, newObj){
//判断newObj是对象还是数组
    newObj = copyObj instanceof Array ? [] : {};
    
    for(var key in newObj){
        newObj[key] = copyObj[key];
    }
    return newObj;
}

var obj1 ={
    name: '张飒',
    age:19,
    isMale:true
}

var obj3 = shallowCopy(obj1);
var arr1 = [1,true,'10',false];
var arr2 = shallowCopy(arr1);

深复制

利用递归

function deepCopy(oObj, nObj){
    nObj = oObj instanceof Array ? [] : {};
    for (var k in oObj){
        // 判断值是否是原始值
        if(typeof oObj[k] !== 'object'){
            nObj[k] = oObj[k];
        }else{
            nObj[k] = deepCopy(oObj[key]);
        }
    }
    
    return nObj;
}

var obj1 = deepCopy(obj);
var arr = [1,[2,[4,5]]];
console.log(obj1);