js高阶函数（基于vue）

js高阶函数（基于vue）

1.过滤器

const nums = [10,26,46,82,160,62]
let nums2 = nums.filter(function(n){
    return n<100
  })
  console.log(nums2)

2.map

  //2.nums2里面的所有数字*2,再放到num3里面
  let nums3 = nums.map(function(n){
    return n*2
  })
  console.log(nums3)

3.数据汇总

累加

 // 3.nums3里面的所有的元素,相加求和得到result
  reduce将数组里的数据进行汇总
  累加
  let result = nums3.reduce(function(preValue,n){
    return preValue+n
  },0)
  console.log(result)
  
  /* 原理
            preValue    n
    第一次      0    +  20
    第二次      20   +  52
    第三次      72   +  92
  
  */

累乘

// 累乘reduce(fn(),1)
  let result = nums3.reduce(function (preValue, n) {
      return preValue * n
    }, 1)
    console.log(result)
    

4.filter、map、reduce的链式案例

 let result = nums.filter(function(n){
      return n<100
    }).map(function(n){
      return n*2
    }).reduce(function(preValue,n){
      return preValue+n
    },0)
    
// 简写
    let result = nums.filter(n=>n<100).map(n=>n*2).reduce((preValue,n)=>preValue+n,0)
    console.log(result)
    ```