JS-三个高阶函数filter-map-reduce

高阶函数filter-map-reduce

技术

发布日期: 2020-10-02

文章字数: 722

阅读时长: 2 分

前言: JS-三个高阶函数filter-map-reduce，需要掌握很好用。

filter

filter 有过滤的意思
filter(参数) 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
filter中的参数要求是一个回调函数，而且该函数要求返回一个boolean类型的值
若布尔值为true，则函数内部会自动将这次回调的n加入到新的数组中，继续下去
若布尔值为false，函数内部则会过滤掉这次的n，然后继续筛选判断后面的
注意： filter方法会改变原始数组。

//例子：一个数组num，取出该数组内所有小于10的数字
const num = [2, 11, 5, 20, 7, 30]
let newNum = num.filter(function (n){ 
  return n < 10  //这里的n为num数组里的值，该回调函数会执行6次
})
console.log(newNum)   //结果为[2, 5, 7]

map

map 有枚举的意思，也可以过滤
map() 方法中的参数要求是一个回调函数
map() 方法返回一个新数组，数组中的元素为原始数组元素调用回调函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意： map() 不会对空数组进行检测。
注意： map() 方法不会改变原始数组。

//例子：一个数组num，对该数组内所有数字乘以2
const num = [2, 5, 7, 3]
let newNum = num.map(function (n){
  return n*2  //这里的n为num数组里的值，该回调函数会执行4次
})
console.log(newNum)   //结果为[4, 10, 14, 6]

reduce

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。
reduce方法作用为：对数组中所有的内容进行汇总，可以汇总求和，减，乘，除等汇总计算

//reduce语法：
array.reduce(function(total, currentValue, currentIndex, arr),initialValue)
reduce方法接受两个参数，
第一个参数：一个回调函数，该回调函数也有两个参数，prevalue和一个参数
第二个参数：一个初始值，一般我们设为0，可根据情况设置

结合下述例子可更好理解：

//例子：一个数组num，对该数组内所有数字求和
const num = [2, 5, 7, 3]
let newNum = num.reduce(function (prevalue, n){
  return prevalue + n  
  //这里的n为num数组里的值
  //prevalue值即为设置的reduce方法的第二个参数值，所以prevalue值为0
}, 0)
console.log(newNum)   //结果为17