扩展操作符 (...array) 用法
扩展运算符(spread operator) ...
在 JavaScript 中有多种用途:
- 复制数组:可以使用扩展运算符来创建一个数组的副本,而不会改变原始数组。
let arr = [1, 2, 3];
let arrCopy = [...arr]; // [1, 2, 3]
- 合并数组:也可以使用扩展运算符来合并两个或更多的数组。
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
- 将字符串拆分为字符数组:
let str = 'hello';
let charArr = [...str]; // ['h', 'e', 'l', 'l', 'o']
- 将 arguments 或 NodeList 转换为数组:这在函数内部或处理 DOM 元素列表时很有用。
function sum() {
let args = [...arguments];
return args.reduce((sum, current) => sum + current, 0);
}
let nodeList = document.querySelectorAll('div');
let nodeArr = [...nodeList];
- 在对象中使用:扩展操作符也可以用于对象,进行对象属性的复制或合并。
let obj1 = { a: 1, b: 2 };
let obj2 = { c: 3, ...obj1 }; // { c: 3, a: 1, b: 2 }
这只是扩展运算符的一部分用途,它在 JavaScript 的各个方面都有广泛的应用。