如何使用 Array.reduce() 方法在 JavaScript 中对数组元素进行求和?

2026-05-06 16:140阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计577个文字,预计阅读时间需要3分钟。

如何使用 Array.reduce() 方法在 JavaScript 中对数组元素进行求和?

直接使用+Array.reduce()对数值数组求和,最简洁的方式是传入一个累加器函数,初始值设置为0。

基本用法:一行搞定求和

语法结构清晰:数组调用 reduce(),接收一个「累加函数」和可选的初始值。该函数每次接收两个参数——「上一次的结果(accumulator)」和「当前元素(currentValue)」。

  • 如果不传初始值,reduce() 会默认用数组第一个元素作为 accumulator,从第二个元素开始遍历;但对空数组会报错
  • 显式传 0 作为初始值更安全,尤其当数组可能为空或类型不确定时

示例:

const numbers = [2, 4, 6, 8];
const sum = numbers.reduce((acc, curr) => acc + curr, 0); // 结果:20

处理非纯数字数组

实际数据中,数组元素可能是字符串、null、undefined 或对象属性。需先做类型转换或提取。

阅读全文

本文共计577个文字,预计阅读时间需要3分钟。

如何使用 Array.reduce() 方法在 JavaScript 中对数组元素进行求和?

直接使用+Array.reduce()对数值数组求和,最简洁的方式是传入一个累加器函数,初始值设置为0。

基本用法:一行搞定求和

语法结构清晰:数组调用 reduce(),接收一个「累加函数」和可选的初始值。该函数每次接收两个参数——「上一次的结果(accumulator)」和「当前元素(currentValue)」。

  • 如果不传初始值,reduce() 会默认用数组第一个元素作为 accumulator,从第二个元素开始遍历;但对空数组会报错
  • 显式传 0 作为初始值更安全,尤其当数组可能为空或类型不确定时

示例:

const numbers = [2, 4, 6, 8];
const sum = numbers.reduce((acc, curr) => acc + curr, 0); // 结果:20

处理非纯数字数组

实际数据中,数组元素可能是字符串、null、undefined 或对象属性。需先做类型转换或提取。

阅读全文