es6分享——变量的解构赋值

Posted 2020-06-25 王磊的博客

变量的解构赋值：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。

以前的写法：

var a = 1;
var b = 2;

es6允许的写法：

let [a,b] = [1,2];

 

一般用途：

1、交换变量的值

[x,y] = [y,x];

 

2、函数返回多个值

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

// 返回json对象：
function f1()
{
	return {id:1,name:”小明”};
}
var {id,name} = f1();

 

3、函数的无次序定义

function f1({a,b,c})
{
　　//…
}
f1({a=1,c=3,b=2});

 

4、参数的默认值

function f1(a=1,b=2)
{
	//…
}

 

5、遍历map解构

var map = new Map();
map.set(“first”:”hello”);
map.set(“second”:”world”);

// 获取key和value
for(let [key,value] of map)
{
　　//…
}

// 只获取key
for(let [key] of map)
{
　　//…
}