对象拷贝

雨点打透心脏的1/2处 2022-01-26 09:51 180阅读 0赞

对象拷贝包括浅拷贝和深拷贝，修改浅拷贝的对象会影响原对象；修改深拷贝的对象对原对象没有影响。

#### 1、浅拷贝 ####

**方式1：对象赋值**  
新对象变量和原对象变量存储的是相同引用地址，它们指向同一对象，故改变任一对象，另外一对象都会改变。

var person = {
    	name : "Lucy",
    	age : 20,
    	sex : "woman",
    	likeColors : ["white","black"]
    }
    var p = person
    p.age=19;
    console.log(person.age); //19

**方式2：浅拷贝对象**  
新建对象，遍历原对象的一级属性，赋值给新对象，故改变新对象一级属性不会影响原对象。  
但因是浅拷贝，故修改新对象或原对象的任何一对象的非一级属性，都会影响另一对象。

#### 2、深拷贝 ####

**方式1：JSON.parse(JSON.stringify(src))**

用该方法深拷贝生成的新对象，将过滤掉值为undefined和function类型的属性；且值为RegExp类型的属性，其值将变为空对象。

示例：

执行结果如下图所示：  
![在这里插入图片描述][20200601214210418.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpaGFuemhp_size_16_color_FFFFFF_t_70]

**方式2：递归复制对象的所有属性**

执行结果如下图所示：  
![在这里插入图片描述][20190528184828204.png]  
![在这里插入图片描述][20190528184852458.png]

[20200601214210418.png]: /images/20220126/4c838ac61f904c43b9b31e4a5c6722cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpaGFuemhp_size_16_color_FFFFFF_t_70]: /images/20220126/c470a8e82ead44d794a1dddc358be6cf.png
[20190528184828204.png]: /images/20220126/edbd66f5312842f8afe981396bf61a7e.png
[20190528184852458.png]: /images/20220126/876a4a344f7644fb96f6645f8132a477.png