2021-07-01

Javascript中常用的数组方法

处理数组的方法有很多，下面介绍下使用频率较高的方法。
filter，find，findIndex，forEach，map，some，every，indexOf，join，slice，splice。

其中filter：（过滤）
find：（查找）
findIndex：（查找序号）
forEach：（对每项）
map：（对每项）
这些方法处理数组后的原数组是不发生改变的，并且使用的方法也相同。示例

arrData = [2, 4, 5, 6, 9];  
this.arrData.filter(function(ele){
						return ele===6
						});
this.arrData.filter((ele) => ele == 6);
this.arrData.filter((ele) => {return ele == 6});
// 以上的三种写法均可，

注意！！！ 对于使用箭头函数时，如果在箭头函数的方法体中加入括号，那么需要使用return返回数据，否则返回空。

当使用这些方法去处理对象数组时就也是很管用的。

some，every处理数组后的原数组是不发生改变的，且使用方法跟上面的相同，不过这两个方法返回的是boolean值。
其中some是只要有一项符合条件就返回true
every则是需要所有项都符合条件才返回true

this.arrData.some((ele)=>ele===4)) // 打印返回true
this.arrData.every((ele)=>ele==4)) // 打印返回false

indexOf 则是在数组中查询查询目标的序号

this.arrData.indexOf(4); // 打印返回 1

join：在每两项中间加入字符串，slice：切片 原数组不改变

this.arrData.join('---'); // 打印返回 2---4---5---6---9
//注意 join后面的括号只能是字符串，返回的数据也是字符串类型
this.arrData.slice(2,4) // 打印返回[5,6]
// 注意 第一个参数表示开始切割位置，第二个参数表示结束位置且不不不包括结束位置的这一项

splice 剪切 原数组改变
该方法最多有三个参数，自行百度

多练才是王道！！！！！！！！！！！！！！！！！！！