ES6数组解构

数组解构
以前用普通方法获取数组内的值

const arr = [1,2,3,4];
const a = arr[0];
const b = arr[1];
const c = arr[2];
console.log(a,b,c);

ES6中利用数组解构，可以简单的获取数组中的值

const arr = [1,2,3];
const [a,b,c] = arr;
console.log(a,b,c); // 1,2,3
const [e,g,f] = arr;
console.log(e,f,g); // 1,3,2

如果只获取arr某个值，前面的逗号不可省略

const arr = [1,2,3];
const [,,b] = arr;
const [,c,] = arr;
console.log(b); //3
console.log(c); //2

获取某一段的值

const arr = [1,2,3,4];
const [a,...b] = arr; //注意...只能用在最后一个变量的前面，从当前位置截取到最后都存储在b。
const [c,d,..e] = arr;
console.log(b); //结果是一个数组，值为2,3,4
console.log(e); //结果是一个数组，值为3,4

当数组解构的成员多于数组时，按顺序解构，超出的成员部分值为undefined。

const arr = [1, 2, 3];
const [a,b,c,d = 100,f,r] = arr;//从前往后解构,超过的是undefined
console.log(a,b,c,d,f,r);//1,2,3,100,undefined,undefined（d接收了默认值100）

当数组解构的成员少于数组时，解构依然按顺序执行。

const arr = [1, 2, 3];
const [b] = arr;//从前往后解构
console.log(b);//1