ES6 解构赋值

解构赋值是对赋值运算符的扩展。是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。
代码书写简洁易读，语义清晰明了；方便复杂对象中数据的获取。

1 数组模型的解构（Array）

（1）基本

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

（2）可嵌套

let [a, [[b], c]] = [1, [[2], 3]];

（3）可忽略

let [a, , b] = [1, 2, 3];
console.log(a, b); // 1 3 

（4）剩余运算符

let [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2,3]

2 对象模型的解构（Object）

（1）基本

let { a: a1, b } = { a: 1, b: 2 }; // a重命名为a1
console.log(a1, b); // 1 2

（2）可嵌套

let obj = { p: ['hello', { y: 'world' }] };
let { p: [x, { y }] } = obj;
console.log(x, y); // hello world

（3）剩余运算符

let { a, b, ...rest } = { a: 10, b: 20, c: 30, d: 40 };
console.log(a, b, rest); // 10 20 { c: 30, d: 40 }