ES6(解构赋值)
解构赋值
1.什么是解构赋值?
在语法上,就是赋值的作用,解构为(左边一种解构。右边一种解构,左右一一对应进入赋值)
2.解构赋值的分类。
1.左右为数组即为数组解构赋值;2.左右为对象即为对象解构赋值;3.左边是数组,右边是字符串,为字符串解构赋值。
4.布尔值解构赋值为字符串的一种。5.函数参数解构赋值即为数组解构赋值在函数参数的一种应用。6.数值解构赋值为字符串解构赋值的一种。
一、简介
1.(数组解构赋值)
结果:
2.(对象解构赋值)
(输出结果:1 2)
二、默认值、具体使用方法和应用场景(数组解构赋值)
2-1.默认值(数组解构赋值)
(输出1 2 3)
(输出1 2 undefined)
如果解构赋值没有在解构上成功配对(左边3元素,右边2元素,c未找到配对值)默认值为undefined,默认值就是解决声明未赋值的问题。
2-2.使用场景(数组解构赋值)
1.关于变量的交换
(输出:2 1)
无需中间变量做存储,借助解构赋值,解决变量交换
2.取值问题
(输出:1 2)
无需(新变量接受结果,按索引返回0 1位置的值)
3.取值问题
(输出:1 4)(数组的匹配模式)
可以灵活地取出所需要的值。
4.
(输出:1 [2 3 4 5 ])
场景:不知道函数返回数组的长度是多少,只取第一个,其余的不关心。
三、默认值、具体使用方法和应用场景(对象解构赋值)
1.默认值(对象解构赋值)
(输出:42 true)
(输出:3 5 )
2.使用场景(对象解构赋值)
1.前后端服务通信JSON中取值
(输出:abc test)