首页 > web前端 > js教程 > 正文

js数组求和函数

舞姬之光
发布: 2025-11-13 19:34:04
原创
909人浏览过
最常用方法是reduce()。1. 数字数组求和:const sum = [1,2,7].reduce((a,b) => a+b, 0); 输出10,初始值0确保空数组返回0。2. 非空数组可省略初始值:[1,2,3].reduce((a,b) => a+b)。3. 含字符串或null需先转换过滤:mixed.map(Number).filter(num => !isNaN(num)).reduce((a,b) => a+b, 0)。4. 对象数组字段求和:products.reduce((sum, item) => sum + item.price, 0) 输出60。reduce最灵活且推荐。

js数组求和函数

JavaScript中对数组求和最常用的方法是使用 reduce() 方法。它遍历数组,将每个元素累加到一个累计值上,最终返回总和。

1. 使用 reduce() 求和

适用于数字数组的求和操作:

const numbers = [1, 2, 7];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出: 10
登录后复制

说明: 第二个参数 0 是初始值,确保空数组返回 0。

2. 简化写法(适合非空数组)

const sum = [1, 2, 3].reduce((a, b) => a + b);
登录后复制

如果数组可能为空,建议始终传入初始值 0。

怪兽AI数字人
怪兽AI数字人

数字人短视频创作,数字人直播,实时驱动数字人

怪兽AI数字人 44
查看详情 怪兽AI数字人

3. 处理包含字符串或 null 的数组

如果数组元素不是纯数字,需要先过滤或转换:

const mixed = [1, '2', null, 3, undefined, 4];
const sum = mixed
  .map(Number)         // 转为数字,无效的变成 NaN
  .filter(num => !isNaN(num)) // 过滤掉 NaN
  .reduce((a, b) => a + b, 0);
  
console.log(sum); // 输出: 10
登录后复制

4. 对象数组中某字段求和

常用于统计对象属性的总和:

const products = [
  { name: 'A', price: 10 },
  { name: 'B', price: 20 },
  { name: 'C', price: 30 }
];

const total = products.reduce((sum, item) => sum + item.price, 0);
console.log(total); // 输出: 60
</font>
登录后复制
基本上就这些,reduce 是最灵活且推荐的方式。

以上就是js数组求和函数的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号