js 对象的复制

浅复制，4种方法

//复制对象，复制是切断了引用关系

 // var div=document.createElement("div");  //创建DOM元素
// Object.assign(div.style,{        //object样式的复制，把后面复制到前面

// })


var obj={
    a:1,
    b:2,
    c:[1,2,3,4]
}

// var obj1=Object.assign({},obj);
// var obj1={};
// Object.assign(obj1,obj);
// delete obj.a;   //删除obj对象下面的a属性
// console.log(obj1);
// 复制后切除源对象与新对象的引用关系

1、遍历复制,可以将源对象的属性增加在新对象的属性中

    // var obj1={};
    // for(var prop in obj){
    //     obj1[prop]=obj[prop];  //把源对象obj对应的属性和值对应的赋值给obj1
    //     console.log(prop);//  是每个属性
    //     // console.log(obj1[prop]);//每个属性值
    // }
    // console.log(obj1);

2、 利用解构赋值,完成对象的复制,不保留原对象的属性内容,创建了新的对象覆盖源对象

// var obj1={c:3,d:55};  
    // obj1={...obj};    //解构赋值  复制对象
    // console.log("新对象",obj1);  //原来对象obj1的属性内容被覆盖了,d:55被覆盖了
    // console.log("源对象",obj);

3、保留新对象的属性,将源对象中的属性添加到新对象中

 // var obj1={c:1,d:55};
    // Object.assign(obj1,obj);
    //  console.log(obj1,obj);  //注意：当出现源对象与目标对象属性相同时就会覆盖，其他情况保留属性

// 以上三个都是浅复制

// 4\JSON复制,利用JSON复制可以将源对象转换为字符串,再转换为新对象

   // 如果新对象有属性,不保留
   // 完成深复制**
// var obj1={c:1,d:55};
// obj1=JSON.parse(JSON.stringify(obj));//  JSON.string()是把对象转字符，JSON.parse()是把字符串转为对象
// console.log(obj1);//obj1中的d属性不保留