es6扩展运算符

…代表着扩展运算符或Rest(剩余)运算符

console.log(...[1, 2, 3])  
console.log(1, ...[2, 3, 4], 5)  

使用push将一个数组添加到另一个数组的尾部

// ES5  写法  
var arr1 = [1, 2, 3];  
var arr2 = [4, 5, 6];  
Array.prototype.push.apply(arr1, arr2); 
console.log(arr1)
//push方法的参数不能是数组，通过apply方法使用push方法 
// ES6  写法  
let arr3 = [1, 2, 3];  
let arr4 = [4, 5, 6];  
arr3.push(...arr4); 
console.log(arr3);

合并数组

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

将字符串转换为数组

[...'hello']  
// [ "h", "e", "l", "l", "o" ] 
//ES5
str.split('')

map结构

let map = new Map([  
[1, 'one'],  
[2, 'two'],  
[3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]

与解构赋值结合

// ES5  
a = list[0], rest = list.slice(1)  
// ES6  
[a, ...rest] = list  
下面是另外一些例子。  
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 // []