js中的深复制、浅复制

转载于 2018-08-16 13:47:55 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b757b3b6fb9a009c24910a6

本文深入探讨了JavaScript中浅复制和深复制的概念及实现方法，提供了实用的代码示例，包括如何通过递归实现深复制。

简单的总结一下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);
复制代码

转载于:https://juejin.im/post/5b757b3b6fb9a009c24910a6