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

前言: 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

• 总结：上述写法都可以改为ES6支持的箭头函数写法，可自行尝试。
• 多使用这类高阶函数方法，可大幅提高效率。