ES6新特性四:变量的解构赋值实例
本文实例讲述了ES6新特性之变量的解构赋值。分享给大家供大家参考,具体如下:
1.数组的解构赋值
//①可以从数组中提取值,按照对应位置,对变量赋值 var[a,b]=[1,2];//a=1;b=2 //②下面是一些使用嵌套数组进行解构 var[d,[[c],f]]=[1,[[2],3]]; var[,,third]=["foo","bar","baz"];//third="baz" var[head,...tail]=[1,2,3,4];//head=1;tail=[2,3,4] //③不完全结构 var[x,y]=[1,2,6];//x=1;y=2 //④解构赋值允许指定默认值 var[foo=true]=[];//foo=true var[x,y='b']=['a']//x='a',y='b' var[x,y='b']=['a',undefined]//x='a',y='b' //⑤解构不成功,变量的值就等于undefined var[a6,a7]=[1];//a7=undefined
2.对Set的解构赋值
[a,b,c]=newSet(["a","b","c"]) console.log(a)//"a"
3.对象的解构赋值
//对象的属性没有次序,变量必须与属性同名,才能取到正确的值
var{x,y}={x:"aaa",y:"bbb"};//x=aaa,y=bbbb
var{c}={a:"aaa",b:"bbb"};//c=undefined
//严格遵守变量名与属性同名
var{d:e}={d:"aaa",f:"bbb"};//e=aaa
//指定默认值
var{x,y=5}={x:1};//x=1,y=5
4.用于遍历Map
varmap=newMap();
map.set('first','hello');
map.set('second','world');
//获取键值对
for(let[key,value]ofmap){
console.log(key+"is"+value);
}
//获取键名
for(let[key]ofmap){
console.log(key);
}
//获取值
for(let[,value]ofmap){
console.log(value);
}
希望本文所述对大家ECMAScript程序设计有所帮助。
