ES6阮一峰读书笔记第二章变量的解构赋值
变量的解构赋值
一、数组的解构赋值
从数组和对象中提取值,对变量进行赋值,这被称为解构(即等式右边必须为数组而非undefined,null,NAN)
从本质而言,这种写法也叫做模式匹配,只要左右两边的模式相同,左边的变量就会赋予右边给的值
例:
如果解构不成功,变量的值就等于undefined。
不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
如果等号的右边不是数组
等号右边的值,要么转为对象以后不具备 Iterator 接口(前五个表达式),要么本身就不具备 Iterator 接口(最后一个表达式)
默认值
解构赋值允许指定默认值。
注:只有当等式右边的数组成员必须为undefined,默认值才会生效
默认值可以引用解构赋值的其他变量
二、对象的解构赋值
与数组不同的是,数组必须按照索引的顺序依次取值,而对象的属性没有顺序,但赋值时属性必须和对象同名
对象的解构赋值,可以很方便地将现有对象的方法,赋值到某个变量。
解构也可以用于嵌套结构的对象。
对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。
对象的解构赋值可以取到继承的属性
对象的结构赋值需要注意以下几点
1、如果将一个已经申明的变量结构赋值时
三、字符串的解构赋值
字符串解构赋值时,等式右边的字符串被转换成了一个类似数组的对象。
用途方法:
(1)交换变量的值
(2)从函数返回多个值
函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。
(3)函数参数的定义
解构赋值时函数参数可以用数组,或对象来表示一组参数
(4)提取 JSON 对象数据
(5)、遍历 Map 结构
任何部署了 Iterator 接口的对象,都可以用for…of循环遍历。
如果只想获取键名,或者只想获取键值,可以写成下面这样。
ES6阮一峰读书笔记第二章变量的解构赋值相关推荐
- ES6学习笔记03:变量的解构赋值
ES6学习笔记03:变量的解构赋值 如果想从复杂数据结构(数组.对象)中获取某一个数据,可能需要大量的遍历操作才能完成.通过解构赋值,这一过程可以得到简化. 1.字符串的解构赋值 其实,Python也 ...
- C++Primer读书笔记----第二章变量和基本类型
前段时间学习iphone开发,非常力不从心,很多C/C++的类库代码看不明白.大学的时候都学过C/C++,但是基本上忘光了,现在做C#开发,经常写出来一些性能低下的代码,究其原因就是原理掌握不扎实,乱 ...
- 《计算传播学导论》读书笔记——第二章文本分析简介
<计算传播学导论>读书笔记--第二章文本分析简介 第一节 文本分析研究现状 常用文本挖掘技术 第二节 文本分析与传播学研究 (一)为什么文本挖掘技术逐渐受到传播学者的关注 (二)不同文本分 ...
- ES6阮一峰-----变量的解构赋值学习
1.数组的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = ...
- ES6学习笔记二 新的声明方式和变量的解构赋值!
新的声明方式 在ES5的时候,我们只有一个声明方式,var!但是在es6中,声明进行了扩展,我们加上ES5的var的申明方式,我们有了三种声明方式: var:它是variable的简写,可以理解成变量 ...
- ES6 | let 关键字 + const关键字 + 箭头函数 + rest参数 + 扩展运算符 ... + Symbol + 迭代器 + 生成器 + 变量的解构赋值 + 模板字符串
目录 ECMASript 相关介绍 ECMASript 6 新特性 let 关键字 const关键字 变量的解构赋值 模板字符串 简化对象写法 箭头函数 => 参数默认值 rest参数 扩展运算 ...
- ES6的新特性(3)——变量的解构赋值
变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). let a = 1; let b = 2; le ...
- [ES6] 细化ES6之 -- 变量的解构赋值
变量的解构赋值 解构赋值是什么 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值 var/let [变量名称1,变量名称2,...] = 数组或对象 本质上,这种写法属于"模式 ...
- ES6学习(二)—变量的解构赋值
ES6学习(二)-变量的解构赋值 文章只列举了一部分 完整版请看阮一峰ES6入门教程 点我查看阮一峰ES6入门教程 一.数组的解构赋值 二.对象解构赋值 三.函数参数的解构赋值
- 最详细ES6教程_变量的解构赋值
最详细ES6教程_变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定 ...
最新文章
- mysql 批量更新数据类型
- lettuce--Advanced Redis client
- 史上最轻量​!阿里新型单元测试Mock工具开源了
- c语言文件加密异或操作,用异或算法实现文件的简单加密
- SAP CRM text Transfer mode
- 图标,专业设计师基本素材要件
- 51单片机冒泡排序_51单片机片外冒泡排序
- c语言源程序输入483应输出字符串384,2011年计算机二级C语言程序填空题及答案解析精选2...
- 一年多少钱_赴英读研一年多少钱?
- ToolTip特效 JavaScript 盗取厦门人才网的特效
- 通过Rman catalog 创建及管理Oracle数据库备份
- Java-API:java.util.ArrayList
- Freebsd-9.0 how to change default sound device
- Codejock Xtreme Calendar 最新版下载试用2021版本
- R语言安装包的几种方法
- c语言中的正号运算符,C语言 运算符
- mybatis mapper xml的学习详解
- CE修改器学习历程之下载、安装和汉化
- 太阳能无线充电系统设计
- 添加域后如何将域用户加入本地管理员组