es5新增的数组的方法

es5新增的数组的方法:
1、 forEach()
作用:遍历数组,将每个元素交给function进行处理
语法:arr.forEach(function(item,index,array){........})
item:当前遍历的元素 index:元素下标 array:原数组
优点:不会产生额外的全局变量;配合箭头函数使用

2、 map()
作用:执行过程中,创建一个空数组,将每个元素交给function进行处理,将得到的结果放到空数组中,最终返回这个新数组
语法:let newArr=arr.map(function(item,index,array){...........})

3、filter()
作用:执行过程,创建一个空数组,将符合条件的元素存放在空数组中,最终返回这个新数组
语法:let newArr=arr.filter(function(item,index,array){return 条件})

4、some()---返回true或者false
作用:判断数组中是否有一个或多个满足条件,只要有一个满足就返回true
语法:let result=arr.some(function(item,index,array){return 条件})

5、every()---返回true或者false
作用:判断数组中是否所有的元素都满足条件,只要有一个不满足就返回false
语法:let result=arr.every(function(item,index,array){return 条件})

6、 find()---没有就返回undefined
作用:遍历数组,返回符合条件的第一个元素
语法:let newArr=arr.find(function(item,index,array){return 条件})
拓展:find方法中如果没有写return就会把判断条件执行完,然后输出所有符合条件的元素,如果写了return,不管return后边写了什么值,都会返回找到的第一个符合条件的元素

7、findIndex()
作用:遍历数组,返回符合条件的第一个元素的下标
语法:let index=arr.findIndex(function(item,index,array){return 条件})
拓展:findIndex同find方法一样,如果没有写return就会返回所有符合条件的元素的下标,如果写了return就会返回第一个符合条件的元素的下标

8、 reduce()
作用:让数组的前后两项进行某种计算,然后返回其值,并继续计算,不改变原数组,返回计算的最终结果,从数组的第二项开始遍历。某种计算 例如:求和 、 求最大值 、 去重 等等   
语法:arr.reduce(function(prev,cur,index,arr){...}, init);
参数:
1、 prev 必写,表示上一次调用回调函数时的返回值,或者初始值 init,如果没有设置初始值init,直接取数组中的第一项;
2、cur 必写,表示当前正在处理的数组元素;
  cur的取值跟初始值init有关,如果设置了初始值init那么cur从数组中的第0项开始取值,如果没有设置初始值init,cur从数组中的第1项开始取值;
3、index 可写可不写,表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
4、arr 可写可不写,表示原数组;
5、init 可写可不写,表示初始值。

9、 includes()
作用:用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

猜你喜欢

转载自www.cnblogs.com/hhmmpp/p/11070411.html