递归实现深拷贝

小然 Y

已于 2023-02-05 20:39:33 修改

阅读量146

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-02-04 15:58:01 首次发布

本文链接：https://blog.csdn.net/YY11230/article/details/128882674

版权

该文章介绍了一个JavaScript函数，通过递归方式实现对象的深拷贝。函数首先判断数据类型，对于复杂的数据类型（如对象和数组），会进行递归复制，确保新创建的对象不与原始对象共享引用。示例展示了如何处理包含字符串、对象、函数和数组等不同类型的对象，并在拷贝后独立修改副本不会影响原对象。

摘要由CSDN通过智能技术生成

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

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);