es6笔记:变量的解构赋值

模式匹配赋值，左边是数组，右边也是数组，一一对应赋值

例子：

let [a,b,c]=[1,2,3]

解构赋值允许指定默认值，只有当一个数组成员===严格等于undefined,默认值才会生效

字符串的结构赋值

字符串也可以解构赋值，这是因为此时，字符串被转换成了一个类似数组的对象

例子：

const [a,b,c,d,e]='hello';
a//‘h’
b//‘e’
c//‘l’
d//‘l’
e//‘o’

函数参数的结构赋值

例子：

var aa=[[1,2],[3,4],[5,6]];
     var bb=aa.map(function([a,b]){
     return a+b
       });
console.log(bb);

//arr数组里面是对象
Arr.map(function(item,index){
})
//arr数组里面是数组
Arr.map(function([a,b],index){
})

用途：

1.交换变量的值

例子：

let x=1；
let y=2;
[x,y]=[y,x];

2.从函数中返回多个值

function example(){
  return [1,2,3];
}
let [a,b,c]=example();

3.函数参数的定义

function f([x,y,z]){
   return x+y+z;
}
console.log(f([1,2,3]))

4.提取JSON数据（这个感觉很实用）

解构赋值对提取JSON对象中的数据

let jsonData={
    id:42,
    status:'ok',
    name:'cjq',
    data:[865,5309],
}
    let {id,status,data}=jsonData;
    console.log(id);
    console.log(status);
    console.log(data);

5.函数参数的默认值

6.遍历Map解构

Map是一个对象，键值对

const map=new Map();
    map.set('first','hello');
    map.set('second','world');
for(let [key,value] of map){
console.log(key+' is '+value);
}
//let of 遍历数组    let in 好像只能取到数组的下标
var student=[{id:1,name:'cjq'},{id:2,name:'cjj'}];
for(let item of student){
    console.log(item)
}

笔记：http://es6.ruanyifeng.com/

最后

以上就是震动白昼为你收集整理的es6笔记:变量的解构赋值的全部内容，希望文章能够帮你解决es6笔记:变量的解构赋值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。