如何用5种方法实现JavaScript数组求和？

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

本例总结了JS数组求和的常用方法。分享给广大家长和教师参考，具体如下：

题目描述：计算数组中所有元素的总和。

计算给定数组`arr`中所有元素的总和：

javascript// 输入描述：数组中的元素为Number类型// 输入示例：[1, 2]

function sum(arr) { return arr.reduce((acc, cur)=> acc + cur, 0);}

// 输出描述：返回数组中所有元素的总和// 输出示例：3

通过以上方法，可以方便地计算数组中所有元素的总和。

本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下：

题目描述

计算给定数组 arr 中所有元素的总和

输入描述:

数组中的元素均为 Number 类型

输入例子:

sum([ 1, 2, 3, 4 ])

输出例子:

10

方法1. 不考虑算法复杂度，用递归做：

function sum(arr) { var len = arr.length; if(len == 0){ return 0; } else if (len == 1){ return arr[0]; } else { return arr[0] + sum(arr.slice(1)); } }

方法2. 常规循环：

function sum(arr) { var s = 0; for (var i=arr.length-1; i>=0; i--) { s += arr[i]; } return s; }

方法3. 函数式编程 map-reduce：

function sum(arr) { return arr.reduce(function(prev, curr, idx, arr){ return prev + curr; }); }

方法4. forEach遍历：

function sum(arr) { var s = 0; arr.forEach(function(val, idx, arr) { s += val; }, 0); return s; };

方法5. eval：

function sum(arr) { return eval(arr.join("+")); };

//测试输出运行结果： console.log(sum([ 1, 2, 3, 4 ]))

使用在线HTML/CSS/JavaScript代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：

感兴趣的朋友可以动手测试一下上述代码。

更多关于JavaScript相关内容还可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。