ES6新增——解构赋值

解构赋值

解构：分解数据结构 || 赋值：为变量赋值

ES6中允许从数组中提取值，按照对应位置，对变量赋值。对象也可以实现解构。

数组解构

数组解构允许我们按照一一对应的关系从数组中提取值然后将值赋值给变量

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

如果解构不成功，变量值为undefined

let [a] = [];
console.log(a);//输出undefined
let [t,f] = [1];
console.log(t);//输出1
console.log(f);//输出undefined

---

对象解构

对象解构允许我们使用变量名匹配对象的属性，匹配成功将对象属性的值赋值给变量

let person = {
     
    name: 'tkrj',
    age: 19
};
let {
     
    name,
    age
} = person;
console.log(name);//输出tkrj
console.log(age);//输出19

对象解构另外一种方法：

let person = {
     
    name: 'tkrj',
    age: 19
};

let {
     
    name: myName,
    age: myAge
} = person; //myName myAge 属于别名
console.log(myName);//输出tkrj
console.log(myAge);//输出19