当前位置:首页 > 日记 > 正文

ES6新特性四:变量的解构赋值实例

ES6新特性四:变量的解构赋值实例

本文实例讲述了ES6新特性之变量的解构赋值。分享给大家供大家参考,具体如下:

1. 数组的解构赋值

//① 可以从数组中提取值,按照对应位置,对变量赋值var [a, b] = [1, 2]; //a = 1;b = 2//② 下面是一些使用嵌套数组进行解构var [d, [[c], f]] = [1, [[2], 3]];var [,,third] = ["foo", "bar", "baz"];//third = "baz"var [head, ...tail] = [1, 2, 3, 4];//head = 1;tail = [2, 3, 4]//③不完全结构var [x, y] = [1,2,6]; //x = 1;y = 2//④ 解构赋值允许指定默认值var [foo = true] = []; //foo = truevar [x, y='b'] = ['a'] // x='a', y='b'var [x, y='b'] = ['a', undefined] // x='a', y='b'//⑤ 解构不成功,变量的值就等于undefinedvar [a6, a7] = [1]; //a7 = undefined

2. 对Set 的解构赋值

[a, b, c] = new Set(["a", "b", "c"])console.log(a) // "a"

3. 对象的解构赋值

//对象的属性没有次序,变量必须与属性同名,才能取到正确的值var { x, y } = { x: "aaa", y: "bbb" };//x = aaa, y = bbbbvar { c } = { a: "aaa", b: "bbb" }; // c = undefined//严格遵守变量名与属性同名var { d: e } = { d: "aaa", f: "bbb" }; //e = aaa//指定默认值var {x, y = 5} = {x: 1};// x = 1,y = 5

4. 用于遍历 Map

var map = new Map();map.set('first', 'hello');map.set('second', 'world');//获取键值对for (let [key,value] of map) {  console.log(key + " is " + value);}// 获取键名for (let [key] of map) {  console.log(key);}// 获取值for (let [,value] of map) {  console.log(value);}

希望本文所述对大家ECMAScript程序设计有所帮助。

相关文章

win8系统的word2013自动生成目录教

win8系统的word2013自动生成目录教

系统,教程,自动生成,目录,电脑软件,  win8现在使用的越来越普片,随着而来的很多问题也需要我们去解决,因此只有不断学习,不断进步了。那么下面就由小编给大家分享下win8系统下的word2013自动生成目录的技巧,希望能帮助到您。自动生成目录的步…

js实现不提示直接关闭网页窗口

js实现不提示直接关闭网页窗口

提示,网页,窗口,电脑软件,js,项目需要,用户在关闭当前页面时,可以点击页面中的按钮直接关闭网页窗口,但是不需要提示用户是否关闭窗口。在网上找了下,使用添加一句如下代码即可:window.open(‘','_self');function closePageForm(){ window.…

WPS演示如何使用荧光笔标记功能

WPS演示如何使用荧光笔标记功能

演示,标记,功能,如何使用,电脑软件,  在演讲过程中为了便于说明重点都会进行标记注释,熟练使用WPS演示中的荧光笔可以帮助演讲者更好的完成演讲过程。以下是小编为您带来的关于WPS演示使用荧光笔标记功能,希望对您有所帮助。WPS演示使用荧…

excel2013如何使用选择性粘贴功能

excel2013如何使用选择性粘贴功能

方法,选择性,功能,如何使用,电脑软件,  Excel2013提供了使用方便且功能强大的选择性粘贴功能,除了普通的粘贴外,还提供多种不同用途的粘贴方式。下面小编教你怎么在excel2013中使用选择性粘贴功能的方法,欢迎大家来到学习。excel2013中使用…

JavaScript 数据类型详解

JavaScript 数据类型详解

数据类型,详解,电脑软件,JavaScript,一,数据类型以下内容基于ES5(ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型。)JavaScript是一种弱类型动态语言,定义变量时无需指定类型,看似简单,但背后有繁琐…

怎么更改Excel2007插入图形的线条

怎么更改Excel2007插入图形的线条

图形,线条,颜色,电脑软件,  作为一个Excel菜鸟,就应该多学点Excel表格的操作方法。比如怎么修改插入图形的线条颜色,其实这个操作不是很难。以下是小编为您带来的关于更改Excel2007插入图形的线条颜色,希望对您有所帮助。更改Excel2007插入…

为输入框加入数字js校验代码分享

为输入框加入数字js校验代码分享

校验,数字,输入框,代码分享,电脑软件,js限制只能数字输入,并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置,参考如下:html部分:<input value="" type="text" onkeyup="javascript:RepNumber(this)">JavaScript部分:…

怎么在WPS表格中绘制xy散点图WPS表

怎么在WPS表格中绘制xy散点图WPS表

绘制,步骤,方法,表格,电脑软件,  排列在工作表的列或行中的数据可以绘制到XY散点图中。散点图显示若干数据系列中各数值之间的关系,或者将两组数绘制为xy坐标的一个系列。下面小编就教你怎么在WPS表格中绘制xy散点图。WPS表格中绘制xy散点…

jQuery鼠标移动上实现放大效果

jQuery鼠标移动上实现放大效果

鼠标移动,效果,电脑软件,jQuery,首先界面上要有图片,下面是图片<img id="big-circle" src="images/pic2.jpg" alt=""/>其次在script代码段中加入如下代码,进行适量修改即可$(document).ready(function () { var x = 10; var y …

wps表格续表有什么种类应该怎么使

wps表格续表有什么种类应该怎么使

种类,有什么,表格,电脑软件,wps,  我们在WPS排版的时候,总会遇到表格不在同一页的情况,如何续表就成了不可忽略的问题,大概分为两种,一种是续表的标题行,另一种就是在下一页表上,标注续表字样。以下是小编为您带来的关于wps表格续表,希望对您有…

怎么在Excel2007中插入数学公式在E

怎么在Excel2007中插入数学公式在E

数学公式,步骤,方法,电脑软件,strong,  写教案,出考题等都会用到数学公式,那么怎么在Excel2007中插入数学公式呢?下面小编来告诉你怎么在Excel2007中插入数学公式吧。在Excel2007中插入数学公式的步骤打开excel表格,将光标定位在需要插入公…

ppt2007中怎样使用艺术字

ppt2007中怎样使用艺术字

方法,设置,艺术字,电脑软件,  在制作幻灯片的时候,怎么样在幻灯片中设置艺术字呢?对于新手来说熟练运用ppt软件还有一定的难度,下面小编就为你介绍ppt2007怎么设置艺术字的方法啦,希望看完本教程的朋友都能学会并运用起来。ppt2007设置艺术…