JavaScript 中的展开运算符是什么？

展开运算符（Spread Operator）是 JavaScript 中的一种语法，用于将可迭代对象（如数组或字符串）展开为独立的元素。它使用三个连续的点号（...）作为操作符。

展开运算符可以在多种情况下使用，包括数组、对象和函数调用等。下面是一些展开运算符的用法示例：

1：展开数组： 使用展开运算符可以将一个数组展开为独立的元素。

const arr = [1, 2, 3];
console.log(...arr);  // 输出: 1 2 3

2：合并数组： 展开运算符还可以用于合并数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArray = [...arr1, ...arr2];
console.log(mergedArray);  // 输出: [1, 2, 3, 4, 5, 6]

3：复制数组： 使用展开运算符可以快速复制一个数组。

const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];
console.log(copiedArray);  // 输出: [1, 2, 3]

4：展开对象： 展开运算符还可以用于展开对象字面量中的属性。

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
console.log(obj2);  // 输出: { a: 1, b: 2, c: 3 }

5：函数调用： 在函数调用时，展开运算符可以将一个数组作为参数展开为独立的参数。

function sum(a, b, c) {
  return a + b + c;
}

const numbers = [1, 2, 3];
const result = sum(...numbers);
console.log(result);  // 输出: 6

展开运算符提供了一种方便的方式来处理数组、对象和函数调用。可以简化代码，并使操作更加灵活。

 

本文转自：JavaScript 中的展开运算符是什么？-腾讯云开发者社区-腾讯云 (tencent.com)