ES6的解构赋值

管理平台的修改功能常用。

例如接口返回
const obj = { a:1,b:2,c:3 }
需要给页面内绑定的form表单赋值
一般写法：

 form.a = obj.a
 form.b = obj.b
 form.c = obj.c

ES6解构：

form = {...obj}
单赋值：
const {a,b,c} = obj;

想创建的变量名和对象的属性名不一致，可以这么写：

const {a:a1} = obj;
a1 === obj.a

ES6的解构赋值虽然好用。但是要注意解构的对象不能为undefined、null。否则会报错，故要给被解构的对象一个默认值。

const {a,b,c,d,e} = obj || {};

合并数组的去重

const a = [1,2,3];
const b = [1,5,6];
const c = [...new Set([...a,...b])];
[1,2,3,5,6]

解构与堆栈结构关系：