扩展运算符的用法
时间: 2023-12-11 10:07:27 浏览: 44
扩展运算符(spread operator)是一种在 JavaScript 中常用的语法,它可以将数组或对象“展开”成单个元素或多个元素,从而方便地用于函数调用、数组合并、对象合并等操作。
下面是一些扩展运算符的用法示例:
1. 函数调用中使用扩展运算符
```javascript
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出 6
```
2. 数组合并
```javascript
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
```
3. 对象合并
```javascript
const obj1 = {a: 1, b: 2};
const obj2 = {c: 3, d: 4};
const combined = {...obj1, ...obj2}; // {a: 1, b: 2, c: 3, d: 4}
```
4. 复制数组或对象
```javascript
const arr = [1, 2, 3];
const copiedArr = [...arr]; // [1, 2, 3]
const obj = {a: 1, b: 2};
const copiedObj = {...obj}; // {a: 1, b: 2}
```
需要注意的是,扩展运算符只能用于可迭代对象(如数组、字符串、Set、Map 等),而不能用于普通对象。另外,扩展运算符是浅拷贝,即对于嵌套的数组或对象,只会复制它们的引用,而不是创建新的对象。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)