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 = true
var [x, y='b'] = ['a'] // x='a', y='b'
var [x, y='b'] = ['a', undefined] // x='a', y='b'
//⑤ 解构不成功，变量的值就等于undefined
var [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 = bbbb
var { 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程序设计有所帮助。

# ES6  # 新特性  # 变量  # 解构  # 赋值  # 详解JS ES6变量的解构赋值  # ES6中let、const的区别及变量的解构赋值操作方法实例分析  # ES6入门教程之变量的解构赋值详解  # ES6学习之变量的解构赋值  # ES6中解构赋值实现变量批量赋值解放双手  # 默认值  # 遍历  # 给大家  # 不完全  # 所述  # 就等于  # 不成功  # 程序设计  # 键值  # 严格遵守  # 组中  # 变量名  # 键名  # 讲述了  # world  # var  # brush  # js  # baz 

相关文章： 网站制作话术技巧,网站推广做的好怎么话术？  如何通过西部建站助手安装IIS服务器？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  定制建站方案优化指南：企业官网开发与建站费用解析  哈尔滨网站建设策划,哈尔滨电工证查询网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  建站之星如何保障用户数据免受黑客入侵？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  如何快速搭建高效WAP手机网站？  移民网站制作流程,怎么看加拿大移民官网？  建站之星备案是否影响网站上线时间？  建站DNS解析失败？如何正确配置域名服务器？  文字头像制作网站推荐软件,醒图能自动配文字吗？  建站之星Pro快速搭建教程：模板选择与功能配置指南  红河网站制作公司,红河事业单位身份证如何上传？  图册素材网站设计制作软件,图册的导出方式有几种？  ui设计制作网站有哪些,手机UI设计网址吗？  如何在阿里云完成域名注册与建站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  教学论文网站制作软件有哪些,写论文用什么软件 ？  建站之星伪静态规则如何设置？  如何在景安云服务器上绑定域名并配置虚拟主机？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  如何快速使用云服务器搭建个人网站？  如何安全更换建站之星模板并保留数据？  h5在线制作网站电脑版下载,h5网页制作软件？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何注册花生壳免费域名并搭建个人网站？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  北京企业网站设计制作公司,北京铁路集团官方网站？  济南企业网站制作公司,济南社保单位网上缴费步骤？  小建面朝正北，A点实际方位是否存在偏差？  宁波自助建站系统如何快速打造专业企业网站？  建站主机CVM配置优化、SEO策略与性能提升指南  建站VPS选购需注意哪些关键参数？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  javascript基本数据类型及类型检测常用方法小结  建站主机类型有哪些？如何正确选型  c# Task.ConfigureAwait(true) 在什么场景下是必须的  网站企业制作流程,用什么语言做企业网站比较好？  宝塔新建站点为何无法访问？如何排查？