使用递归函数来实现一个对象的深拷贝

关注

原创最新推荐文章于 2026-03-17 00:14:56 发布 182 阅读 AI 写同款· GEO 优化 ›

利用递归完成深拷贝 递归方法实现深度克隆原理：遍历对象、数组直到里边都是基本数据类型，然后再去复制，就是深度拷贝。浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。首先，明确一点深拷贝和浅拷贝是针对对阅读详情

function copy(obj) {
    let newObj = null; // 声明一个对象来存储拷贝之后的内容
    
    // 判断数据类型是否是复杂的数据类型，如果是则调用自己，如果不是则直接赋值即可！
    // 由于null不可以循环但是他的类型又是object，所以这个需要对null进行判断
    if (typeof(obj) == 'object' && obj !== null){
        // 声明一个变量用以存储拷贝出来的值，根据参数的具体数据类型声明不同的类型来存储
        newObj = obj instanceof Array? [] : {};
        // 循环obj的每一项，如果里面还有复杂的数据类型的话，则直接利用递归函数再次调用。
        for(let i in obj){
            newObj[i] = copy(obj[i])
        }
    } else {
        newObj = obj
    }
    return newObj; // 函数没有返回的值的话，则为undefined
}
let obj = { // 原对象，包含字符串，对象，函数，数组等不同类型。
   name: "test",
   main:{
       a:1,
       b:2
   },
   fn:function(){
       
   },
   firends:[1,2,3,[44,55]];
    
}

let obj1 = copy(obj);
obj1.name = '修改值';
obj1.main.a = 110;
console.log(obj,obj1)

收录于