枯燥的js深度克隆

最新推荐文章于 2022-04-10 09:52:03 发布

帅癌病患者

最新推荐文章于 2022-04-10 09:52:03 发布

阅读量60

点赞数

分类专栏： JavaScript笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51664705/article/details/113853084

版权

JavaScript笔记专栏收录该内容

50 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中实现对象深拷贝的方法，通过递归函数`deepClone`详细解析了如何复制包括函数、数值、数组和嵌套对象在内的复杂数据类型。该函数首先检查属性类型，然后对数组和对象进行特殊处理，确保原始对象和拷贝对象之间的独立性。

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

var obj={
    a:function(){},
    b:123,
    card:['sdsd','sdasd']
}
var obj1={};
    function deepClone(origin,target){
        var target = target || {},
            toStr = Object.prototype.toString,//用于后面精确判断数组和对象
            arrStr = "[object Array]";//数组的判断结果
        for(var prop in origin){//遍历整个对象
            if(origin.hasOwnProperty(prop)){
                if(typeof(origin[prop])=='object'){//先粗略地分成object
                    if(toStr.call(origin[prop])==arrStr){//细分成数组和对象
                        target[prop] = [];
                    }else{
                        target[prop]={};
                    }
                    deepClone(origin[prop],target[prop]);//将里面的值再次传入函数。
                }else{
                    target[prop] = origin[prop];
                }
            }
           
        }
        return target;
    }
    deepClone(obj,obj1);