1、扩展运算符
-
基本用法
扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,功能是把数组或类数组对象展开成一系列用逗号隔开的值。该运算符主要用于函数调用,示例如下:function add(x, y) { return x + y; } const numbers = [4, 38]; add(...numbers) // 42
2、扩展运算符引用
-
拷贝数组
下面看看ES5和ES6的实现:// ES5 const a1 = [1, 2]; const a2 = a1.concat(); // ES6 const a1 = [1, 2]; const a2 = [...a1]; // 写法一 const [...a3] = a1; // 写法二
-
合并数组
const arr1 = ['a', 'b']; const arr2 = ['c']; const arr3 = ['d', 'e']; // ES5 的合并数组 arr1.concat(arr2, arr3); // [ 'a', 'b', 'c', 'd', 'e' ] // ES6 的合并数组 let mergeArr = [...arr1, ...arr2, ...arr3]
-
与解构赋值结合
const [first, ...rest] = [1, 2, 3, 4, 5]; first // 1 rest // [2, 3, 4, 5] const [first, ...rest] = []; first // undefined rest // []
-
字符串
[...'hello'] // [ "h", "e", "l", "l", "o" ]
-
将函数参数arguments转成真正的数组
function (){ let arr = [...arguments]; }
参考链接:
https://www.cnblogs.com/chenwenhao/p/9974558.html#_label1