ES6---数组的spread扩展运算符

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