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/