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

简介: 变量的解构赋值:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 以前的写法: var a = 1; var b = 2; es6允许的写法: let [a,b] = [1,2];   一般用途: 1...

变量的解构赋值: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)
{
  //…
}

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
1月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
3月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
1月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
8月前
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
60 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