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/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
7月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
7月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
1月前
es6变量声明与解构赋值
ES6的变量声明与解构赋值特性使得代码更加简洁、清晰,提高了开发效率和代码的可读性,在实际开发中被广泛应用。
|
3月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
39 0
ES6解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
196 58
ES6 解构赋值详解
|
4月前
es6 的解构赋值
【8月更文挑战第22天】
24 3
|
5月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
29 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
86 0
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦