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 

相关文章： 网站制作公司排行榜,抖音怎样做个人官方网站  建站之星价格显示格式升级，你的预算足够吗？  如何用腾讯建站主机快速创建免费网站？  *服务器网站为何频现安全漏洞？  如何用低价快速搭建高质量网站？  如何在云虚拟主机上快速搭建个人网站？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  ,南京靠谱的征婚网站？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  建站之星2.7模板快速切换与批量管理功能操作指南  建站org新手必看：2024最新搭建流程与模板选择技巧  建站主机选购指南：核心配置与性价比推荐解析  如何在IIS7上新建站点并设置安全权限？  建站之星后台管理：高效配置与模板优化提升用户体验  广东专业制作网站有哪些,广东省能源集团有限公司官网？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何快速搭建高效WAP手机网站？  高端网站建设与定制开发一站式解决方案 中企动力  红河网站制作公司,红河事业单位身份证如何上传？  建站上市公司网站建设方案与SEO优化服务定制指南  如何零基础在云服务器搭建WordPress站点？  实例解析Array和String方法  建站主机如何选？高性价比方案全解析  Android自定义listview布局实现上拉加载下拉刷新功能  制作证书网站有哪些,全国城建培训中心证书查询官网？  如何实现建站之星域名转发设置？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  ,巨量百应是干嘛的？  网站制作公司排行榜,四大门户网站排名？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  建站之星如何通过成品分离优化网站效率？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何在阿里云购买域名并搭建网站？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何彻底卸载建站之星软件？  建站主机是否等同于虚拟主机？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站之星如何助力企业快速打造五合一网站？  如何快速上传自定义模板至建站之星？  制作企业网站建设方案,怎样建设一个公司网站？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  常州企业建站如何选择最佳模板？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  在线制作视频网站免费,都有哪些好的动漫网站？  招商网站制作流程,网站招商广告语？  湖北网站制作公司有哪些,湖北清能集团官网？  想学网站制作怎么学,建立一个网站要花费多少？