10.2
展开运算符(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
展开运算符提供了一种方便的方式来处理数组、对象和函数调用。可以简化代码,并使操作更加灵活。