浅拷贝Object.assign()
时间: 2023-10-12 09:04:06 浏览: 50
浅拷贝是指通过Object.assign()方法创建的新对象与原对象共用同一块内存地址,因此当原对象的属性值发生改变时,新对象的对应属性值也会受到影响。这种情况适用于属性值为简单类型(如字符串、数字)的情况。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [ES6之Object.assign()用法,Object.assign()到底是浅拷贝还是深拷贝?](https://blog.csdn.net/ZiChen_Jiang/article/details/121858927)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
相关问题
Object.assign浅拷贝
Object.assign()是一个用于将一个或多个源对象的可枚举属性复制到目标对象的方法。它返回目标对象。下面是一个使用Object.assign()进行浅拷贝的例子:
```javascript
const source = { name: 'John', age: 30 };
const target = { gender: 'male' };
const result = Object.assign(target, source);
console.log(result); // { gender: 'male', name: 'John', age: 30 }
```
在上面的例子中,我们将源对象source的属性复制到目标对象target中,并将结果存储在result变量中。由于Object.assign()方法返回目标对象,因此result变量中存储的是目标对象target。
需要注意的是,Object.assign()方法只会复制源对象的可枚举属性,而且只会进行浅拷贝。这意味着如果源对象的属性值是一个对象,那么目标对象中的该属性值将与源对象中的该属性值指向同一个对象。如果源对象的属性值是一个引用类型,那么目标对象中的该属性值将会被修改。
Object.assign()浅拷贝还是深拷贝
Object.assign()是浅拷贝[^1][^2]。
浅拷贝是指在拷贝对象时,只复制对象的引用而不是对象本身。当使用Object.assign()进行拷贝时,如果源对象的属性值是基础类型,那么拷贝的属性值是深拷贝的;但如果源对象的属性值是引用类型,那么拷贝的属性值只是复制了引用,而不是真正的拷贝对象本身,所以是浅拷贝。
举个例子,假设有一个源对象obj,其中有一个属性是引用类型的数组arr:
```javascript
let obj = { arr: [1, 2, 3] };
```
使用Object.assign()进行拷贝:
```javascript
let obj2 = Object.assign({}, obj);
```
此时,obj2中的arr属性与obj中的arr属性指向同一个数组对象,即它们共享同一个引用。如果修改obj2中的arr属性,那么obj中的arr属性也会受到影响,因为它们指向同一个数组对象。
```javascript
obj2.arr.push(4);
console.log(obj.arr); // 输出:[1, 2, 3, 4]
```
所以,Object.assign()是浅拷贝,对于引用类型的属性值只是复制了引用,而不是真正的拷贝对象本身。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)