高阶函数:英文叫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);
标签:200,newnums,函数,JS,let,preValue,高阶,100 From: https://www.cnblogs.com/mc-congxueda/p/16727054.html