扩展运算符

首先点明， ES6的新特性之扩展运算符（spread）就是三个点（...），和ES6的可变参数形式一样。
扩展运算符是很强大的一个运算符，它能简化很多在ES5中会比较繁杂的操作。

对于这个运算符，概念性的东西不多，所以这里我就简明扼要的给出一些它的常用场景：

1：可变参数。
（虽然可变参数严格说不是扩展运算符（spread），而是剩余运算符（rest），但是鉴于它也是三个点：...,我就写在了一起以便记忆）

//例一：
function add(...values) {
  let sum = 0;

  for (var val of values) {
    sum += val;
  }

  return sum;
}

add(2, 5, 3) // 10

//例二：
// arguments变量的写法
function sortNumbers() {
  return Array.prototype.slice.call(arguments).sort();
}

// rest参数的写法
const sortNumbers = function(...numbers){
	return numbers.sort();
}

arguments对象不是数组，而是一个类似数组的对象。
所以为了使用数组的方法，必须使用Array.prototype.slice.call先将其转为数组。

rest 参数就不存在这个问题，它就是一个真正的数组，数组特有的方法都可以使用。

//既然说到了可变参数，就再举个例子吧：
//例三：
function push(array, ...items) {
  items.forEach(function(item) {
    array.push(item);
    console.log(item);
  });
}

var a = [];
push(a, 1, 2, 3)
//注意，可变参数只能出现在最后一个参数位置

2.展开数组:
由于扩展运算符可以展开数组，所以不再需要apply方法，将数组转为函数的参数了。

//例一：
// ES5 的写法
function f(x, y, z) {
  // ...
}
var args = [0, 1, 2];
f.apply(null, args);

// ES6的写法
function f(x, y, z) {
  // ...
}
let args = [0, 1, 2];
f(...args);

下面是扩展运算符取代apply方法的一个实际的例子，应用Math.max方法，简化求出一个数组最大元素的写法。

//例二：
// ES5 的写法
Math.max.apply(null, [14, 3, 77])

// ES6 的写法
Math.max(...[14, 3, 77])

// 等同于
Math.max(14, 3, 77);

3.复制数组:
数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。

const a1 = [1, 2];
const a2 = a1;

a2[0] = 2;
a1 // [2, 2]

//ES5只能用变通的方法来复制数组
const a1 = [1,2];
const a2 = a1.concat();
//扩展运算符提供了复制数组的简便方法
//其实也用到了其展开数组的功能。
const a1 = [1,2];
//法一:
const a2 = [...a1];
//法二：用到了解构复制的相关知识
const [...a2] =a1;

4.合并数组：

var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];
// ES5的合并数组
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

5.与解构赋值结合：
扩展运算符可以与解构赋值结合起来，用于生成数组。

const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]

const [first, ...rest] = [];
first // undefined
rest  // []

const [first, ...rest] = ["foo"];
first  // "foo"
rest   // []

/*
如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。
*/

6.将字符串转化为真正的数组：
其实，任何实现了Iterator接口的对象都可用扩展运算符转化为真正的数组。
比如:arguments对象。

//例：
[...'hello']
// [ "h", "e", "l", "l", "o" ]

备注：在ES2017中，对象操作中也可结合扩展运算符。不过，这里不举例子了，如果想了解详情，请参考阮一峰老师的<<ECMAScript6入门>>关于对象的章节