对象的深拷贝和浅拷贝

亦凉 2022-12-15 11:25 331阅读 0赞

## **简单的认识一下深拷贝和浅拷贝** ##

var obj = {
          name: '逆风狂小狗', age: 24, say() {
            console.log('见过你的美，还会爱上谁！');
          }
        };

## 浅拷贝 ##

**将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用**

//浅拷贝，仅仅是指针给了另一个对象
        var obj1 = obj;
        console.log(obj1);  //输出的是对象
        //如果修改obj1中的内容
        obj1.name = 'Uzi';
        //这时候原对象的内容也会修改
        console.log(obj);

## 深拷贝 ##

**两个对象之间没有任何关系**  
**创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”**

**一：通过JSON实现**

// 通过json实现,会造成方法丢失
        var obj1 = JSON.stringify(obj);
        console.log(obj1);  //{"name":"麻辣香锅","age":18}
        obj1 = JSON.parse(obj1);
        console.log(obj1);  //对象 {name: "麻辣香锅", age: 18}
        obj1.name = '谁敢横到立马';
        //obj感受不到变化
        console.log(obj);

**二：通过for-in遍历循环,实现**

**三：使用Object.assign()**

var obj4 = {};
        //将obj合并到obj4上
        Object.assign(obj4, obj);
        console.log(obj4);
        obj4.age = 999999;
        console.log(obj4);