JavaScript递归实现深拷贝

最新推荐文章于 2024-09-21 18:32:48 发布

酸碱ph

最新推荐文章于 2024-09-21 18:32:48 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： javascript

本文链接：https://blog.csdn.net/ph631718930/article/details/105819556

Web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JavaScript中深拷贝的实现方法，通过递归遍历对象或数组的所有属性，对于对象类型的属性再次进行深拷贝，确保了新对象与原对象完全独立，避免了引用类型的数据共享问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


    function Animal(name,age,color){
        this.name = name;
        this.age = age;
        this.color = color;
    }
        
    Animal.prototype.walking = function(){
        console.log("it is walking");
    }

    var cat = new Animal("猫",6,"color");
    console.log(cat);
    
    var k = new Array();
    k.push(2);
    k.push(new Object());
    k.push(cat);
    
    console.log(k);

    //写一个深拷贝
    function deepClone(obj){
        //首先判定是数组还是对象
        var objClone = Array.isArray(obj)?[]:{};
        
        //判断obj是否为空且为对象
        if(obj && typeof obj === "object"){

            //逐个考虑obj的属性
            for(key in obj){

                //obj本身是否有key这个属性（不包含原型对象（继承）来的）
                //如果不加这个if，就是连带着原型对象里包含的属性一块继承。
                if(obj.hasOwnProperty(key)){ 

                    if(obj[key] && typeof obj[key] === "object"){
                        //如果该属性值非空，并且还是对象，就递归调用深拷贝
                        objClone[key] = deepClone(obj[key]);    
                    }else{
                        //如果已经到了可以直接拷贝的基本数据类型，就直接浅拷贝完事
                        objClone[key] = obj[key];           
                    }
                }
            }
        }
        return objClone;
    }

    var cat2 = deepClone(cat);
    console.log(cat2);

    var k2 = deepClone(k);
    console.log(k);