ES6解构

解构是为了方便我们拿到数组或者对象中的元素

数组解构

具体解构代码：

var names = ["123", "456", "789"];
//结构操作
var [item1, item2, item3] = names;
console.log(item1);//123

上述代码等同于

var names = ["123", "456", "789"];
var item1=name[0];
var item2=names[1];
var item3=names[2];
console.log(item1);

如果我们想只拿到数组的后两项，可以

var names = ["123", "456", "789"];
var [, item2, item3] = names;
console.log(item2);//456

把数组第一项赋值给一个变量，剩余的变量放在一个数组中

var names = ["123", "456", "789"];
var [item1, ...newArray] = names;

对象解构

对象解构使用{}包裹，根据键名从右边取值

const obj = {
    name: "echo",
    age: 18
}
const {
    name,
    age
} = obj;
console.log(name);//echo

可以对左边的变量进行重命名

const obj = {
    name: "echo",
    age: 18
}
const {
    name: newName,
    age
} = obj;
console.log(newName);//echo

还可以给左边的变量一个默认值，这样一旦这个变量没有从右边取到值就会使用自身的默认值 const obj = { name: "echo", age: 18 } const { name="er", age } = obj; console.log(name);//echo