js对象的扩展运算符
时间: 2024-11-24 18:24:13 浏览: 18
JavaScript中的扩展运算符(...)主要用于数组和对象的操作。它有两方面的用途:
1. **数组展开**:
- `...array` 或 `[...array]`:将数组拆分成独立元素,常用于合并两个或更多数组成一个新的数组,或者将数组作为函数参数传入。
```javascript
let arr1 = [1, 2];
let arr2 = [3, 4];
let combinedArr = [...arr1, ...arr2]; // [1, 2, 3, 4]
```
2. **对象展开**:
- `obj1 = {...obj2}` 或 `{...obj1, ...obj2}`:用于合并两个或更多对象,如果属性名重复,后面的值会覆盖前面的值。也可以用来复制对象的属性到新的对象上。
```javascript
let obj1 = {a: 1};
let obj2 = {b: 2};
let newObj = {...obj1, ...obj2}; // {a: 1, b: 2}
```
使用扩展运算符可以简化一些常见的操作,提高代码的可读性和灵活性。
相关问题
扩展运算符如何合并对象
扩展运算符可以合并对象。合并对象时,可以使用两个对象的属性名,如果存在相同属性名,则后面的对象的值会覆盖前面的对象的值。
例如:
```javascript
const obj1 = {a: 1, b: 2};
const obj2 = {b: 3, c: 4};
const merged = {...obj1, ...obj2};
console.log(merged); // {a: 1, b: 3, c: 4}
```
在这个例子中,对象`obj2`中的`b`属性覆盖了对象`obj1`中的`b`属性,合并后的对象中的`b`属性的值为`3`。
阅读全文