ES6阮一峰读书笔记第二章变量的解构赋值

变量的解构赋值

一、数组的解构赋值
从数组和对象中提取值,对变量进行赋值,这被称为解构(即等式右边必须为数组而非undefined,null,NAN)在这里插入图片描述
从本质而言,这种写法也叫做模式匹配,只要左右两边的模式相同,左边的变量就会赋予右边给的值
例:
在这里插入图片描述
如果解构不成功,变量的值就等于undefined。在这里插入图片描述

不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
在这里插入图片描述如果等号的右边不是数组
在这里插入图片描述
等号右边的值,要么转为对象以后不具备 Iterator 接口(前五个表达式),要么本身就不具备 Iterator 接口(最后一个表达式)

默认值
解构赋值允许指定默认值。
在这里插入图片描述
注:只有当等式右边的数组成员必须为undefined,默认值才会生效
在这里插入图片描述
默认值可以引用解构赋值的其他变量在这里插入图片描述

二、对象的解构赋值
在这里插入图片描述
与数组不同的是,数组必须按照索引的顺序依次取值,而对象的属性没有顺序,但赋值时属性必须和对象同名
在这里插入图片描述

对象的解构赋值,可以很方便地将现有对象的方法,赋值到某个变量。
在这里插入图片描述
解构也可以用于嵌套结构的对象。在这里插入图片描述
对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。

对象的解构赋值可以取到继承的属性在这里插入图片描述
对象的结构赋值需要注意以下几点
1、如果将一个已经申明的变量结构赋值时在这里插入图片描述

三、字符串的解构赋值
字符串解构赋值时,等式右边的字符串被转换成了一个类似数组的对象。
在这里插入图片描述
用途方法:
(1)交换变量的值
在这里插入图片描述
(2)从函数返回多个值
函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。
在这里插入图片描述
(3)函数参数的定义
解构赋值时函数参数可以用数组,或对象来表示一组参数
在这里插入图片描述
(4)提取 JSON 对象数据
在这里插入图片描述
(5)、遍历 Map 结构
任何部署了 Iterator 接口的对象,都可以用for…of循环遍历。在这里插入图片描述
如果只想获取键名,或者只想获取键值,可以写成下面这样。

// 获取键名

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值