ES6解构和扩展运算符

解构

解构的作用是可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值。

var arr = ['this is a string', 2, 3];

//传统方式
var a = arr[0],
    b = arr[1],
    c = arr[2];

//解构赋值，是不是简洁很多？
var [a, b, c] = arr;

console.log(a);//this is a string
console.log(b);//2
console.log(c);//3

扩展运算符

ES6之前想要赋值数组，首先想到的是：

var oArr=[1,2,3];
newArr=oArr;
newArr.pop();
console.log(oArr,newArr);

直接赋值原来的数组，然而这只是引用辅助，在删除新数组最后一个元素时也会影响到原本的数组，那么想要复制一个不会相互干扰的数组的话，有以下几种方法。

1 采用循环的办法

var oArr=[1,2,3];
var newArr=[];
for(var i=0; i<oArr.length; i++){
    newArr[i]=oArr[i];
}
newArr.pop();
console.log(oArr,newArr);

2 Array类中from方法的使用

var oArr=[1,2,3];
var newArr=Array.from(oArr);
newArr.pop();
console.log(oArr,newArr);

3 ES6中新方法

var oArr=[1,2,3,4];
var newArr=[...oArr];
newArr.pop();
console.log(oArr,newArr);

看到一篇不错的文章，讲解的更加详细，戳这里。