简单使用JavaScript reduce() 方法

最新推荐文章于 2024-05-23 23:00:20 发布

青山的山

最新推荐文章于 2024-05-23 23:00:20 发布

阅读量330

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_58037567/article/details/119943504

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍JavaScript的reduce()方法，该方法用于对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。reduce()接受一个回调函数作为参数，该回调函数会在数组的每个元素上执行，累积结果并返回最终值。

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

    // 将a中的数字累加
    let a = [1, 2, 3, 4, 5]
    // reduce(acc,cur,idx,src) acc累积器 cur当前值 idx当前索引 src原数组 idx,src可选
    let a1 = a.reduce((acc, cur) => acc + cur)
    console.log(a1); // a1=15  1+2+3+4+5
    // 将b中的对象 合并成{1: "男", 2: "nv"}
    let b = [{
        id: 1,
        value: '男'
      },
      {
        id: 2,
        value: 'nv'
      }
    ]
    let b1 = b.reduce((acc, cur) => {
      let c = cur.id
      let c1 = cur.value
      acc[c] = c1
      return acc
    }, {})  // 
    console.log(b1); // {1: "男", 2: "nv"}

reduce为数组中的每一个元素依次执行callback函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：

accumulator 累计器
currentValue 当前值
currentIndex 当前索引
array 数组

回调函数第一次执行时，accumulator 和currentValue的取值有两种情况：如果调用reduce()时提供了initialValue，accumulator取值为initialValue，currentValue取数组中的第一个值；如果没有提供 initialValue，那么accumulator取数组中的第一个值，currentValue取数组中的第二个值。