ES6解构赋值--数组解构及对象解构

五、解构赋值（新增语法）

1、数组解构

//数组解构允许我们按照一一对应的关系从数组中提取值，然后将值赋值给变量
	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] =arr;
    console.log(a);  //1
    console.log(b);  //2
	console.log(c);  //3
    console.log(d);  //undefined

2、对象解构

//对象解构允许我们使用变量的名字匹配对象的属性，将对象属性的值赋值给变量
    let person = {
        name:"xiaoming",
        age:18,
        sex:'男'
        };
    let{ name, age, sex } = person;
    console.log(name);   //xiaoming
    console.log(age);    //18
    console.log(sex);    //男


    let person = {name:"xiaoming",age:18,sex:'男'};
    let { name:myName, age:myAge, sex:mySex } = person;
	//myName\myAge\mySex属于别名
    console.log(myName);    //xiaoming
    console.log(myAge);     //18
    console.log(mySex);     //男