js两个对象合并成一个
时间: 2023-09-12 16:05:49 浏览: 87
在JavaScript中,你可以使用`Object.assign()`方法或展开运算符(Spread Operator)来合并两个对象成一个新的对象。
1. 使用`Object.assign()`方法:
```javascript
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj);
// 输出: { a: 1, b: 2, c: 3, d: 4 }
```
在上述示例中,我们创建了两个对象`obj1`和`obj2`,然后使用`Object.assign()`方法将它们合并到一个新的空对象中。合并后的结果存储在`mergedObj`变量中。
2. 使用展开运算符(Spread Operator):
```javascript
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj);
// 输出: { a: 1, b: 2, c: 3, d: 4 }
```
在上述示例中,我们使用展开运算符(`...`)将两个对象`obj1`和`obj2`的属性展开,然后将它们合并到一个新的对象中。
无论是使用`Object.assign()`方法还是展开运算符,都能够实现将两个对象合并成一个新的对象的效果。你可以根据自己的喜好和需求选择其中一种方法。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)