首页 > 编程知识 正文

es6解构赋值的原理,es6中解构赋值有哪几种

时间:2023-05-06 20:57:57 阅读:267163 作者:359

变量的解构赋值

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

如果解构不成功,变量的值就等于undefined。

不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
如果等号的右边不是数组

等号右边的值,要么转为对象以后不具备 Iterator 接口(前五个表达式),要么本身就不具备 Iterator 接口(最后一个表达式)

默认值
解构赋值允许指定默认值。

注:只有当等式右边的数组成员必须为undefined,默认值才会生效

默认值可以引用解构赋值的其他变量

二、对象的解构赋值

与数组不同的是,数组必须按照索引的顺序依次取值,而对象的属性没有顺序,但赋值时属性必须和对象同名

对象的解构赋值,可以很方便地将现有对象的方法,赋值到某个变量。

解构也可以用于嵌套结构的对象。
对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。

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

三、字符串的解构赋值
字符串解构赋值时,等式右边的字符串被转换成了一个类似数组的对象。

用途方法:
(1)交换变量的值

(2)从函数返回多个值
函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。

(3)函数参数的定义
解构赋值时函数参数可以用数组,或对象来表示一组参数

(4)提取 JSON 对象数据

(5)、遍历 Map 结构
任何部署了 Iterator 接口的对象,都可以用for…of循环遍历。
如果只想获取键名,或者只想获取键值,可以写成下面这样。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。