手撕 js 浅拷贝 深拷贝

浅拷贝

// 浅拷贝只是对被拷贝对象的简单复制，如果对象中还有对象，则保留对象的引用
function simpleClone(target) {
    const type = Object.prototype.toString.call(target).replace('[object ','').replace(']', '').toLowerCase();
    if(type === 'object') {
        return Object.assign({},target);
    } else {
        return target;
    }
}

深拷贝

// 深拷贝是对被拷贝对象的深层复制，对象中的对象也隔断链接关系
function deepClone(target, map = new Map()) {
    const type = Object.prototype.toString.call(target).replace('[object ','').replace(']', '').toLowerCase();
    if(typeof target === 'object') {
        if(type === 'date') {
            return new Date(target);
        }
        if(type === 'regexp') {
            return new RegExp(target);
        }
        let cloneTarget = Array.isArray(target) ? [] : {};
        // 添加map是为了防止循环引用内存溢出
        if(map.get(target)) return target;
        map.set(target, cloneTarget);
        for(let k in target) {
            cloneTarget[k] = deepClone(target[k], map);
        }
        return cloneTarget;
    } else {
        return target;
    }
}

测试

// 深拷贝测试
var arr = [
    { a: new Date(), aa: new RegExp('\\w+'), aaa: function() { console.log('aaa function') } }, 
    { b: 'qwe' }, 
    { c: [null, undefined] }, 
    { d: [{ da: 1, db: { dba: 123 }}] }
]
deepClone(arr);
// [
//     { a: 2021-07-14T11:41:48.289Z, aa: /\w+/, aaa: [Function: aaa] },
//     { b: 'qwe' },
//     { c: [ {}, undefined ] },
//     { d: [ [Object] ] }
// ]