ES6 解构赋值

es6新增语句-结构赋值

 

1，传统的赋值语句

let a=['red','green','blue'];
console.log(a[0],a[1],a[2]);

 

2，使用结构赋值语句

let [a,b,c]=['red','green','blue'];
console.log(a,b,c);

 

使用结构赋值好处1：语法上更加简洁

 

3，如果右边数据比左边少，做与后台数据交互的时候会有这种问题。

let [a,b,c]=['red','green'];
console.log(a,b,c);//red,green,undefined

 

4，可以添加默认值

let [a,b,c='暂无数据']=['red','green'];
console.log(a,b,c);//red,green,暂无数据

 

使用结构赋值好处2：在与后台进行数据交互时防止后台数据返回不完整的情况可以自定义默认值

 

5，对象结构赋值-重命名

let {name,age,job}={
    name:"lisi",
    age:18,
    job:"码农"
}
console.log(name,age,job);//lisi,18,码农

 可以为变量重新命名

let {name:n,age:a,job:j}={
    name:"lisi",
    age:18,
    job:"码农"
}
//此时打印
console.log(n,a,j)//lisi 18,码农