扩展运算符可以将数组拆分成以逗号分隔的参数序列。
console把逗号当成console.log的分隔符
![](https://img-blog.csdnimg.cn/20210802174308419.png)
输出在后台: a b c
扩展运算符的应用:
1.数组合并:
1.1
![](https://img-blog.csdnimg.cn/20210802174400894.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
1.2:
![](https://img-blog.csdnimg.cn/20210802174624346.png)
2.将类数组或可遍历对象转换为真正的数组:
转换的目的:可以调用数组下面的方法
2.1
转换方法1:
![](https://img-blog.csdnimg.cn/20210802175441683.png)
![](https://img-blog.csdnimg.cn/20210802175725668.png)
let声明之后,odivs 此时输出的集合就是伪数组 :
![](https://img-blog.csdnimg.cn/20210802175543447.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
用 [ ]存到变量ary里。此时转化为数组:
![](https://img-blog.csdnimg.cn/20210802175714916.png)
输出的是真实的数组(下面那行):![](https://img-blog.csdnimg.cn/20210802175751620.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
2.2
转换方法2:Array扩展方法->Array.from()
![](https://img-blog.csdnimg.cn/20210802180014795.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
length项必须要有!
![](https://img-blog.csdnimg.cn/20210802180211467.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
Array的实例方法:find()
![](https://img-blog.csdnimg.cn/20210802180928588.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
find里用箭头函数
查找到了:obj 属性 没查找到:undefined
实例方法:findIndex()
只查找第一个有效的值。
![](https://img-blog.csdnimg.cn/20210802181536565.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)
实例方法:includes()
用于查看是否含该元素
![](https://img-blog.csdnimg.cn/20210802181937129.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUwODk0MzIy,size_16,color_FFFFFF,t_70)