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 arr=[1,2,3];
let [a,b,c,d,e]=arr;
console.log(a);//1
console.log(b);//2
console.log(c);//3
console.log(d);// undefined
console.log(e);// undefined

对象解构

允许使用变量的名字匹配对象的属性 匹配成功 将对象属性的值赋值给变量

let person={name:'wangjinghui',age:20};
let {name,reds,age,sex}=person;
console.log(name);//wangjinghui
console.log(age);//20
console.log(sex);//undefined
console.log(reds);//undefined

let {name:myName}=person;
console.log(myName);//wangjinghui