ES6的解构赋值

ES6允许从数组中提取值,按照对应位置对变量赋值。对象也可以实现解构。
按照一定的模式,从数组或者对象中提取值,将提取出来的值赋值给变量

数组解构

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

如果结构不成功,变量的值为undefined

let [a,s,d,f] = [11,22,33];
console.log(a);//11
console.log(s);//22
console.log(d);//33
console.log(f);// undefined

对象结构

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

let person = {name : 'zhangsan',age : '20'}
//写法一
let {name ,age} = person;
//写法二
let {name:myname ,age:myage} = person;//myname  myage 属于别名
console.log(myname);
console.log(myage);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。