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,如需转载请自行联系原作者
目录
相关文章
|
5月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
5月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
18天前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
29 0
ES6解构赋值
|
4月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
186 58
ES6 解构赋值详解
|
2月前
es6 的解构赋值
【8月更文挑战第22天】
18 3
|
3月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
19 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
80 0
|
10月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦
|
JSON JavaScript 前端开发
ES6(变量的解构赋值)
ES6(变量的解构赋值)
67 0