js高阶函数（基于vue）

最新推荐文章于 2024-08-06 14:51:05 发布

原创最新推荐文章于 2024-08-06 14:51:05 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

vue 同时被 2 个专栏收录

17 篇文章

订阅专栏

8 篇文章

订阅专栏

本文通过具体示例介绍并演示了JavaScript中高阶函数的应用，包括过滤器(filter)、映射(map)及归约(reduce)等核心函数的使用方法，并展示了如何组合这些函数来解决实际问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)
    ```