JS中常见的高阶函数

高阶函数：英文叫Higher-order function。JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。

一、filter

其中该函数的参数是一个函数，filter函数的返回值是一个数组。

filter中的回调函数有一个要求，必须返回一个boolean
true:当返回true时，函数内部会自动将这次回调的n加入到新的数组中
false:当返回false时，函数内部会过滤掉这次的n

const nums = [10, 20, 30, 40, 50, 100, 200, 300];
let newnums = nums.filter(function (n) {
   return n >= 100;
});
console.log(newnums); //[ 100, 200, 300 ]

二、.map

其中该函数的参数是一个函数，返回值是一个数组。

map方法是对数组中每个元素进行相同的操作

let newnums = [ 100, 200, 300 ];
let new2num = newnums.map(function (n) {
   return n * 2;
});
console.log(new2num); //[ 200, 400, 600 ]

三、reduce

其中该函数有两个参数，第一个参数是一个函数；第二个参数可选，为传递给函数的初始值。返回值是计算结果。

reduce作用对数组中所有的值进行汇总

let newnums = [ 200, 400, 600 ];
let total = new2num.reduce(function (preValue, n) {
   return preValue + n;
}, 0);
console.log(total); //1200

// 第一次:preValue 0 n 200
// 第二次:preValue 200 n 400
// 第三次:preValue 600 n 600
// 1200

对上面三种方法，用链式和箭头

total = nums.filter(n => n >= 100).map(n => n * 2).reduce((pre,n) => pre + n);