JS高阶函数filter/map/reduce的使用

filter函数的使用

案例 const nums = [10,20,111,222,444,40,50];
使用filter函数取出这个数组中小于100的数字
两个编程范式 ： 面向对象编程(第一公民：对象) 函数式编程(第一公民：函数)
我们的filter/map/reduce函数 就是面向函数式编程 firter他有一个参数是一个回调函数 他参数中的函数的参数就是遍历出来的数组中的每个数据 ，filter函数中的回调函数有一个要求 就是返回一个布尔值 (true/false) 如果为返回的true 函数内部会自动将这次回调的n保存在一个新的数组中，相反如果是false的话 那么他会自动过滤掉这次n

const nums = [10,20,23,41,222,111,444,333];
      let number = nums.filter(function(n){
          return n < 100
      })
  console.log(number)

map函数的使用

案例
将所有小于100的数字进行转化全部乘以2
已知我们上面使用filter函数将所有小于100 的数字已经取了出来 ，我们接下来要做的是 使用map函数将这些小于100 的数字每个都乘以2
map函数和filter函数的区别是 filter函数式返回一个布尔值 而map函数是返回他自己 所以下面我们直接 返回一个n*2就好了

const nums = [10,20,23,41,222,111,444,333];
     let new2 = nums.map(function(n) {  
 			 return n*2
       })
    console.log(new2)

redoce函数的使用

案例
将num数组中的数值全部进行相加
reduce函数的使用
reduce方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
他的参数是一个方法用于执行每个数组元素的函数。 在这个函数中的参数 第一个参数是preValue计算结束后的返回值。第二个参数是当前元素

const num = [20,40,80,100];
let tot = nums.reduce(function(preValue,n){
		return preValue + n
},0)
 console.log(tot)

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