数组的高阶函数使用方法

861 阅读3分钟

1、forEach()遍历

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。(没有返回值,将数组遍历)

注意: forEach() 对于空数组是不会执行回调函数的。

回调函数参数:currentValue 必需。当前元素; index 可选。当前元素的索引值; arr 可选。当前元素所属的数组对象。

var array = ['a', 'b', 'c'];
   array.forEach(function(element) {
   console.log(element);
   });

2、filter()过滤返回

filter()方法创建一个新数组,其中所包含的元素是通过所提供函数对指定数组进行测试满足条件的所有元素

语法:

let newArray = arr.filter(callback(element[, index[, array]])[, thisArg])

返回值:一个新的,由通过函数检测的数组元素组成的数组,若没有符合条件的元素,则返回一个空数组。

特:当所过滤的数组是对象数组的情况时,对新返回的数组元素属性做出修改,同时对原数组也会造成影响;当过滤数组为纯数组时,修改不会改变原数组。

3、map()映射返回

map()方法也会返回一个空数组,新数组的元素是原数组调用方法处理后的产物。该方法会依照原数组的元素顺序依次处理元素。

语法:

array.map(function(currentValue, index, arr), thisIndex)

实例:

var array = [65, 44, 12, 4];
console.log(array.map(function(item){
	return item * 100;
}))

注:map()方法不会对空数组进行检测;也不会改变原数组

4、some() 判断是否符合条件

some()方法用于检测数组中的元素是否满足指定条件;同map()方法一样会依次对原数组的元素进行检测。而且,只要有一个元素满足条件就会停止,并返回true,若原数组中没有符合条件的元素,则返回false。

同样的,some()也不会对空数组进行检测;不会改变原数组

语法:

arr.some(arg_function(element,index,array),thisArg)

实例:

var array = [65, 44, 12, 4];
console.log(array.some(function(item){
	return item > 100;
})) 
 //false

5、 every() 判断是否全部符合条件

every()方法用于检测数组的所有元素是否都符合给定条件,若有一个元素不符合,则整个表达式返回false,且接下来的操作也不再进行,若全部元素都符合条件,则返回true。every()也不会对空数组进行检测;不会改变原数组。

实例:

var array = [65, 44, 12, 4];
const aa = array.every(function(item){
	return item > 50;
}) 
const bb = array.every(function(item){
	return item < 80;
})
console.log(aa) // false
console.log(bb) //true

6、 reduce()累加

reduce()方法接收一个函数作为累加器。原数组中的每个值依次缩减,最终计算为一个值。该函数对于空数组是不会执行回调函数的。

实例

let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(prev, cur, index, arr) {
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(arr, sum);

该方法常用来进行数组的累加或者乘积,计算数组中元素出现的次数,或者去除数组中重复的元素,数组对象属性累加。