首页 / JAVASCRIPT / 两行代码搞定js对象深浅拷贝

两行代码搞定js对象深浅拷贝

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了两行代码搞定js对象深浅拷贝，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1210字，纯文字阅读大概需要2分钟。

内容图文

有一段时间没有更新博客了，忙于工作。2018年刚过去，今天来开启2018第一篇博文。好了，咱们步入正题。

先上代码

                /*
                *
 * 遍历对象
 * 1.判断是不是原始值
 * 2.判断是数组还是对象
 * 3.建立相应的数组或对象
 * 递归
 
                */
                var obj=
{
    name:"aaa",
    age:23,
    hobby:["basketball","music","coding"],
    lover:{
        name:"aaa",
        age:23,
        hobby:["sleep","movie","eat"]
    }
}
var obj1={};


function deepCopy(origin,target){
    var target=target||{};//容错处理for (var i in origin) {
            if(origin.hasOwnProperty(i)){  //避免把原型上的属性遍历出来if(typeof origin[i]=="object"){//先判断是引用值if(origin[i] instanceof Array){//判断是数组
                        target[i]=[];
                        deepCopy(origin[i],target[i]);
                    }else{
                        target[i]={}; //判断是对象                        deepCopy(origin[i],target[i]);
                    }

                }else{//原始值直接赋值
                    target[i]=origin[i];
                }
        }
    }

    return target;//返回拷贝后的对象}

deepCopy(obj,obj1);
console.log(obj,obj1);

代码解释的很清楚，精简一下代码（核心代码就两行）

                function
                 deepCopy(origin,target){
    
                for (var i in origin) {
        var target=target||{};
        if(origin.hasOwnProperty(i)){
            //核心代码就两行typeof origin[i]=="object"?(origin[i] instanceof Array?deepCopy(origin[i],target[i]=[]):deepCopy(origin[i],target[i]={})):target[i]=origin[i];
        }
    }
    return target;
}

deepCopy(obj,obj1);
console.log(obj,obj1);

首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。

新年新气象，祝大家都能在2018年完成自己的小目标。

原文：https://www.cnblogs.com/zt123123/p/8283298.html

内容总结

以上是互联网集市为您收集整理的两行代码搞定js对象深浅拷贝全部内容，希望文章能够帮你解决两行代码搞定js对象深浅拷贝所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1121866.html

来源：【匿名】