Fork me on GitHub

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)
{
  //…
}

 

posted @   磊哥|www.javacn.site  阅读(421)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验
点击右上角即可分享
微信分享提示