两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);

时间:2019-09-20
本文章向大家介绍两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);,主要包括两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
  // 拷贝分为浅拷贝和深拷贝。
        
        // 浅拷贝的实现 通过for in实现
        var user1 = {
            name: "小明",
            age: 30,
            height: 1.9
        };
        var user2 = {};
        for (var i in user1) {
            user2[i] = user1[i]; //user[i]输出的是每一个值,将user1的每一个值赋予给user2对象
        }
        console.log(user2) //{name: "小明", age: 30, height: 1.9}



        // 浅拷贝 通过Object.assign({}, 对象1, 对象2);
        // 这一种浅拷贝方式类似于jquery的$.extend({}, 对象1, 对象2)
        var obj1 = {
            name: "小明",
            age: 13
        };
        var obj2 = {
            name: "大王",
            tel: 18456888
        };
        var obj = Object.assign({}, obj1, obj2);
        console.log(obj) //{name: "大王", age: 13, tel: 18456888}
        // 我们发现这一种方式,相同的key值后一个会覆盖前一个的key值,


        //浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
        var user3={name:"小明",age:18, deMent:{bumen:"市场部",no:"001"}}
        var user4={};
        for(var i in user3){
            user4[i]=user3[i];
        }
        user4.age=80;   //这个值 不会互相影响改变
        user4.deMent.bumen="策划部"; //这个值 会互相影响改变

        console.log(user3); //输出  {name: "小明", age: 18,deMent:{bumen: "策划部", no: "001"} }

        console.log(user4); //{name: "小明", age: 80,deMent: {bumen: "策划部", no: "001"}}

原文地址:https://www.cnblogs.com/IwishIcould/p/11560255.html