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

简介:

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

以前的写法:

1
2
var  a = 1;
var  b = 2;

es6允许的写法:

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

 

一般用途:

1、交换变量的值

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

 

2、函数返回多个值

1
2
3
4
5
6
7
8
9
10
11
12
function  f1()
{
     return  [1,2,3];
}
var  [a,b,c] = f1();
 
// 返回json对象:
function  f1()
{
     return  {id:1,name:”小明”};
}
var  {id,name} = f1();

 

3、函数的无次序定义

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

 

4、参数的默认值

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

 

5、遍历map解构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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)
{
   //…
}

 






本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/p/5295716.html,如需转载请自行联系原作者
目录
相关文章
|
1月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
3月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
1月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
8月前
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
62 0
|
4月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值
|
7月前
ES6语法: 解构赋值
ES6语法: 解构赋值
28 0
|
8月前
|
存储
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦
|
8月前
|
JSON JavaScript 前端开发
ES6(变量的解构赋值)
ES6(变量的解构赋值)
50 0
ES6-变量的解构赋值
前言 大家好,今天和大家分享一下ES6中变量的解构赋值。 一、解构赋值是什么? ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值
|
10月前
|
索引
ES6数组的解构赋值
ES6数组的解构赋值
39 0