var total = 0;
$.each(arr,function() {
    total += this;
});

var arr = [1, 2, 3, 4];
var total = 0;
for (var i in arr) {
  total += arr[i];
}

为什么不减少？这通常有点反直觉，但使用它求和非常简单：

var a = [1,2,3];
var sum = a.reduce(function(a, b) { return a + b; }, 0);

标准JavaScript解决方案：

var addition = [];
addition.push(2);
addition.push(3);

var total = 0;
for (var i = 0; i < addition.length; i++)
{
    total += addition[i];
}
alert(total);          // Just to output an example
/* console.log(total); // Just to output an example with Firebug */

这对我有用（结果应该是5）。我希望这种解决方案没有隐藏的缺点。

使用贴图：

var sum = 0;
arr.map(function(item){
    sum += item;
});

// sum now contains the total.

您可以将该方法添加到Array原型中。

Array.prototype.sum = function(){
    var sum = 0;
    this.map(function(item){
        sum += item;
    });
    return sum;
}

然后您可以在任何阵列上使用它，如下所示：

arr.sum();

这可以通过循环所有项，并在每次迭代中将它们添加到一个和变量中来实现。

var array = [1, 2, 3];

for (var i = 0, sum = 0; i < array.length; sum += array[i++]);

JavaScript不知道块的作用域，所以可以访问sum：

console.log(sum); // => 6

同上，但注释和准备为简单函数：

function sumArray(array) {
  for (
    var
      index = 0,              // The iterator
      length = array.length,  // Cache the array length
      sum = 0;                // The total amount
      index < length;         // The "for"-loop condition
      sum += array[index++]   // Add number on each iteration
  );
  return sum;
}

这正是减薪的工作。

如果您使用的是ECMAScript 2015（又名ECMAScript6）：

constsum=[1，2，3]。reduce（（partialSum，a）=>partialSum+a，0）；console.log（总和）；//6.

对于旧的JS：

常量sum=[1，2，3]。reduce（add，0）；//数组为空时避免使用初始值函数add（累加器，a）{返回蓄能器+a；}console.log（总和）；//6.

这不是很漂亮吗？：-）

一小段JavaScript代码就能完成这项工作：

var numbers = [1,2,3,4];
var totalAmount = 0;

for (var x = 0; x < numbers.length; x++) {

    totalAmount += numbers[x];
}

console.log(totalAmount); //10 (1+2+3+4)

arr.reduce(function (a, b) {
    return a + b;
});

参考：Array.prototype.reduce（）

有人在找像我这样的功能性的oneliner吗？

假设：

const arr = [1, 2, 3, 4];

这是现代JS的一条直线：

sum = arr.reduce((a, b) => a + b, 0);

（如果您碰巧需要支持没有箭头功能的旧IE：）

sum = arr.reduce(function (a, b) {return a + b;}, 0);

注意，这里的初始值是0，因此如果需要，可以将其用作偏移量。还要注意，需要这个初始值，否则使用空数组调用函数将出错。

这里很酷的技巧，我对很多安全的传统答案进行了吹毛求疵，没有缓存数组的长度。

function arraySum(array){
  var total = 0,
      len = array.length;

  for (var i = 0; i < len; i++){
    total += array[i];
  }

  return total;
};

var my_array = [1,2,3,4];

// Returns 10
console.log( arraySum( my_array ) );

在不缓存数组长度的情况下，JS编译器需要在循环的每次迭代中遍历数组来计算长度，这在大多数情况下是不必要的开销。V8和许多现代浏览器都为我们优化了这一点，因此它不再那么受关注，但也有一些较旧的设备受益于这种简单的缓存。

如果长度可能会发生变化，如果您不知道为什么要缓存长度，缓存可能会导致一些意想不到的副作用，但对于唯一目的是获取数组并将值相加的可重用函数来说，这非常适合。

这里是这个arraySum函数的CodePen链接。http://codepen.io/brandonbrule/pen/ZGEJyV

这可能是一种过时的心态，一直困扰着我，但我不认为在这种情况下使用它有什么缺点。

也可以使用reduceRight。

[1,2,3,4,5,6].reduceRight(function(a,b){return a+b;})

其结果输出为21。

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/ReduceRight

如果您恰好使用Lodash，则可以使用sum函数

array = [1, 2, 3, 4];
sum = _.sum(array); // sum == 10

我是JavaScript和一般编码的初学者，但我发现一种简单易行的方法可以将数组中的数字相加，如下所示：

    var myNumbers = [1,2,3,4,5]
    var total = 0;
    for(var i = 0; i < myNumbers.length; i++){
        total += myNumbers[i];
    }

基本上，我想贡献这一点，因为我没有看到很多不使用内置函数的解决方案，而且这种方法很容易编写和理解。

var totally = eval(arr.join('+'))

这样你就可以在阵列中放置各种各样的异国情调的东西。

var arr = ['(1/3)','Date.now()','foo','bar()',1,2,3,4]

我只是半开玩笑。

有趣的方法：

eval([1,2,3].join("+"))

这些都是很好的答案，但如果数字是按照问题（1，2，3，4）中的顺序排列的话，你可以通过应用公式轻松地做到这一点（n*（n+1））/2，其中n是最后一个数字

Object.defineProperty(Object.prototype, 'sum', {
    enumerable:false,
    value:function() {
        var t=0;for(var i in this)
            if (!isNaN(this[i]))
                t+=this[i];
        return t;
    }
});

[20,25,27.1].sum()                 // 72.1
[10,"forty-two",23].sum()          // 33
[Math.PI,0,-1,1].sum()             // 3.141592653589793
[Math.PI,Math.E,-1000000000].sum() // -999999994.1401255

o = {a:1,b:31,c:"roffelz",someOtherProperty:21.52}
console.log(o.sum());              // 53.519999999999996

建议（使用默认值减少）

Array.prototype.reduce可用于遍历数组，将当前元素值与先前元素值之和相加。

控制台日志([1，2，3，4].减少（（a，b）=>a+b，0）)控制台日志([].减少（（a，b）=>a+b，0）)

无默认值

你得到一个TypeError控制台日志([].减少（（a，b）=>a+b）)

ES6箭头功能之前

控制台日志([1,2,3].reduce（函数（acc，val）｛return acc+val；｝，0）)控制台日志([].reduce（函数（acc，val）｛return acc+val；｝，0）)

非数字输入

如果非数字是可能的输入，您可能想处理它？控制台日志([“hi”，1，2，“frog”].减少（（a，b）=>a+b）)让numOr0=n=>isNaN（n）？0：n控制台日志([“hi”，1，2，“frog”].减少（（a，b）=>numOr0（a）+numOr0)

非推荐危险评估用途

我们可以使用eval来执行JavaScript代码的字符串表示。使用Array.prototype.join函数将数组转换为字符串，我们将[1,2,3]更改为“1+2+3”，其值为6。

控制台日志(eval（[1，2]，3]，join（'+'））)//如果建立阵列，这种方式很危险//因为它可能被利用，例如：eval（[1，“2；alert（'恶意代码！'）”].join（'+'））

当然，显示警报并不是可能发生的最糟糕的事情。我之所以将此作为奥特蒙德问题的答案，是因为我认为这一问题没有得到澄清。

使用递归

var sum = (arr) => arr.length === 1 ? arr[0] : arr.shift() + sum(arr);
sum([1,2,3,4]) // 10

使用reduce

设arr=[1，2，3，4]；设和=arr.reduce（（v，i）=>（v+i））；console.log（总和）；

试试这个。。。

function arrSum(arr){
    total = 0;  
    arr.forEach(function(key){
        total = total + key;            
    });
    return total;
}

这要容易得多

function sumArray(arr) {
    var total = 0;
    arr.forEach(function(element){
        total += element;
    })
    return total;
}

var sum = sumArray([1,2,3,4])

console.log(sum)

Vanilla JavaScript是您所需要的一切：

> a = [1,2,3,4]; a.foo = 5; a['bar'] = 6; sum = 0; a.forEach(function(e){sum += e}); sum
10
> a = [1,2,3,4]; a.foo = 5; a['bar'] = 6; sum = 0; a.forEach(e => sum += e); sum
10
> a = [1,2,3,4]; a.foo = 5; a['bar'] = 6; sum = 0; for(e in a) sum += e; sum
"00123foobar"
> a = [1,2,3,4]; a.foo = 5; a['bar'] = 6; sum = 0; for(e of a) sum += e; sum
10

一些人建议在Array.prototype中添加.sum（）方法。这通常被认为是不好的做法，所以我不建议您这样做。

如果你仍然坚持这样做，那么这是一种简洁的写作方式：

Array.prototype.sum = function() {return [].reduce.call(this, (a,i) => a+i, 0);}

然后：[1,2].sum（）；//3.

注意，添加到原型中的函数使用了ES5和ES6函数以及箭头语法的混合。声明该函数是为了允许该方法从正在操作的Array中获取this上下文。为了简洁起见，我在reduce调用中使用了=>。

对于真正大量的人来说，循环或减少可能是过程密集型的。使用高斯怎么样？

sum = (n * (n+1))/2;

来自mathcentral。

无需初始值！因为如果没有传递初始值，则不会对列表的第一个元素调用回调函数，而是将第一个元素作为初始值传递。非常酷的功能：）

[1, 2, 3, 4].reduce((a, x) => a + x) // 10
[1, 2, 3, 4].reduce((a, x) => a * x) // 24
[1, 2, 3, 4].reduce((a, x) => Math.max(a, x)) // 4
[1, 2, 3, 4].reduce((a, x) => Math.min(a, x)) // 1

好的，假设您有以下数组：

const arr = [1, 2, 3, 4];

让我们开始研究许多不同的方法，因为我在这里找不到任何全面的答案：

1） 使用内置reduce（）

function total(arr) {
  if(!Array.isArray(arr)) return;
  return arr.reduce((a, v)=>a + v);
}

2） 使用for循环

function total(arr) {
  if(!Array.isArray(arr)) return;
  let totalNumber = 0;
  for (let i=0,l=arr.length; i<l; i++) {
     totalNumber+=arr[i];
  }
  return totalNumber;
}

3） 使用while循环

function total(arr) {
  if(!Array.isArray(arr)) return;
  let totalNumber = 0, i=-1;
  while (++i < arr.length) {
     totalNumber+=arr[i];
  }
  return totalNumber;
}

4） 使用数组for Each

function total(arr) {
  if(!Array.isArray(arr)) return;
  let sum=0;
  arr.forEach(each => {
    sum+=each;
  });
  return sum;
};

并这样称呼它：

total(arr); //return 10

不建议将这样的东西原型化到Array。。。

这里有一个优雅的单线解决方案，它使用堆栈算法，尽管人们可能需要一些时间来理解这个实现的美。

const getSum = arr => (arr.length === 1) ? arr[0] : arr.pop() + getSum(arr);

getSum([1, 2, 3, 4, 5]) //15

基本上，该函数接受一个数组，并检查该数组是否正好包含一个项。如果为false，则从堆栈中弹出最后一项并返回更新的数组。

这段代码的妙处在于，该函数包括arr[0]检查，以防止无限循环。一旦到达最后一项，它将返回全部金额。

此函数可以将所有数字相加-

 function array(arr){
   var sum = 0;
   for (var i = 0; i< arr.length; i++){
    sum += arr[i];
   }
   console.log(sum);
 }
 array([5, 1, 3, 3])

我看到所有答案都是“减少”解决方案

var array = [1,2,3,4]
var total = 0
for (var i = 0; i < array.length; i++) {
    total += array[i]
}
console.log(total)

带ES6休息参数

让数组=[1，2，3，4]函数和（…数字）{设总数=0；for（常量数）{总数+=数量；}回报总额；}console.log（sum（…array））；

只需使用此功能：

function sum(pArray)
{
  pArray = pArray.reduce(function (a, b) {
      return a + b;
  }, 0);

  return pArray;
}

函数和（pArray）{pArray=pArray.reduce（函数（a，b）{返回a+b；}, 0);返回pArray；}var arr=[1，4，5]；console.log（总和（arr））；

可以将reduce（）方法与lambda表达式结合使用：

[1, 2, 3, 4].reduce((accumulator, currentValue) => accumulator + currentValue);

    <!DOCTYPE html>
    <html>
    <body>

      <p>Click the button to join two arrays.</p>
      <button onclick="myFunction()">Try it</button>
      <p id="demo"></p>
    <script>
var hege = [1, 2,4,6,7,8,8];
var stale = [1, 2,4,5];
function myFunction() {
    console.log((hege.length > stale.length))    
    var children  = (hege.length > stale.length)? abc1() :abc2();       document.getElementById("demo").innerHTML = children;
}
function abc1(){
    console.log(hege,"Abc1")    
    var abcd=hege.map(function (num, idx) {
        console.log(hege.length , idx)
        return stale.length>idx?num + stale[idx]:num;
    })
    return abcd;
}

function abc2(){

    console.log(hege,"Abc2",stale)    
    var abcd=stale.map(function (num, idx) {
        console.log(hege.length , idx)
        return hege.length>idx?num + hege[idx]:num;
    })
    return abcd;
}
</script>

</body>
</html>

一个“重复”问题问如何对二维数组执行此操作，因此这是一个简单的适应问题。（区别仅在于六个字符[2]，0，它在每个子数组中找到第三项，并传递初始值0）：

常量二维数组=[[10, 10, 1],[10, 10, 2],[10, 10, 3],];constsum=twoDimensionalArray.reduce（（partial_sum，a）=>partial_sum+a[2]，0）；console.log（总和）；//6.

一个简单的方法示例：

function add(array){
    var arraylength = array.length;
    var sum = 0;
    for(var timesToMultiply = 0; timesToMultiply<arraylength; timesToMultiply++){
        sum += array[timesToMultiply];
    }

    return sum;
}

console.log(add([1, 2, 3, 4]));

使用for循环：

const array = [1, 2, 3, 4];
let result = 0;

for (let i = 0; i < array.length - 1; i++) {
  result += array[i];
}

console.log(result); // Should give 10

甚至是forEach循环：

const array = [1, 2, 3, 4];
let result = 0;

array.forEach(number => {
  result += number;
})

console.log(result); // Should give 10

为简单起见，请使用reduce：

const array = [10, 20, 30, 40];
const add = (a, b) => a + b
const result = array.reduce(add);

console.log(result); // Should give 100

精确

对数组进行排序并以最小的数字开始求和（代码段显示了与非排序的区别）

[...arr].sort((a,b)=>a-b).reduce((a,c)=>a+c,0)

arr=[,6,9,1,1,1,1，.1，.1]sum=arr.reduce（（a，c）=>a+c，0）sortSum=[…arr].sort（（a，b）=>a-b）.reduce（（a、c）=>a+c，0）console.log（'sum:'，sum）；console.log（'sortSum:'，sortSum）；console.log（'sum==sortSum:'，sum==sortSum）；//我们使用.sort（（a，b）=>a-b）代替.sort（），因为//第二个将元素视为字符串（因此方式错误）//例如[1,10,9,20,93].sort（）-->[1，10，20，9，93]

对于多维数字数组，使用arr.flat（无限）

arr=[[[1，2，3，4]，[1,2,3,4]，[1,2,4]，[ [1,2,3,4],[1,2,3,4],[1,2,3,4] ] ];sum=arr.flat（无限）.reduce（（a，c）=>a+c，0）；console.log（总和）；//60

当数组由字符串组成时，必须更改代码。如果数组是数据库请求的结果，则可能是这种情况。此代码有效：

alert(
["1", "2", "3", "4"].reduce((a, b) => Number(a) + Number(b), 0)
);

这里，[“1”，“2”，“3”，“4”]是字符串数组，函数Number（）将字符串转换为数字。

考虑到您拥有阵列

const arr = [1, 2, 3, 4];

对我来说，最直观的方法是使用For in

let sum = 0;
for(var value in arr) {
    sum += arr[value];
}

console.log('Array:', arr);
console.log('Sum:', sum);

然而，您也可以使用箭头函数和reduce函数

const sum = arr.reduce(function (a, b) {
    return a + b;
}, 0);

console.log('Array:', arr);
console.log('Sum:', sum);

他们都会输出

Array: [ 1, 2, 3, 4]
Sum: 10

你可以试试这个：

var arr = [100,114,250,1200];
var total = 0; 
for(var i in arr){
  total += parseInt(arr[i]);
}

console.log(total);

输出将为：1664

或者，如果值为Float，请尝试以下操作：

var arr = [100.00,114.50,250.75,1200.00];
    var total = 0; 
    for(var i in arr){
      total += parseFloat(arr[i]);
    }
    
    console.log(total.toFixed(2));

输出将为：1665.25

此外，对于简单数组，使用es6求和。

const sum = [1, 2, 3].reduce((partial_sum, a) => partial_sum + a,0);
 
console.log(sum); 

对于具有默认初始化值的对象数组

const totalAmount = obj => 
    Object.values(obj).reduce((acc, { order_qty, mrp_price }) => 
    acc + order_qty * mrp_price, 0);
    
    console.log(totalAmount); 

ES6用于。。属于

let total = 0;

for (let value of [1, 2, 3, 4]) {
    total += value; 
}

我知道这是一个老帖子。但我只是想分享我对这个问题的看法。

let myArr = [1, 3, 4, 5, 6, 7, 8];
let counter = 0;
for(let i = 0; i < myArr.length; i++){
  counter = counter + myArr[i];
    console.log(counter);}

非常简单

步骤1我们应该有一个数组，如：

const arrayNumber = [500,152,154,1555,12445];

第2步（如果需要，可以忽略这个步骤）要确保表中的所有值都是数字

let newArray = [];
for (let i = 0; i < arrayNumber.length; i++) {
        newArray.push(parseInt(arrayNumber[i], 10));
      }

步骤3

const sumInArray = dataData.reduce( (a, b) => a + b);

最后

console.log(sumInArray);

//Try this way

const arr = [10,10,20,60]; 
const sumOfArr = (a) =>{
    let sum=0;
    for(let i in a) { 
        sum += a[i];
    }
    return sum;
}
console.log(sumOfArr(arr))

了解底层流程的最简单答案：

let array = [10, 20, 30, 40, 50]
let total = 0

for(let i in array)
{
    total += array[i]
}

console.log(total)

&如果您已经熟悉底层流程，那么内置方法可以节省您的时间：

let array = [10, 20, 30, 40, 50]
let total = array.reduce((x, y) => x + y)
console.log(total)

带reduce（）

[1, 2, 3, 4].reduce((a, b) => a + b, 0); // 10

使用forEach（）

let sum = 0;
[1, 2, 3, 4].forEach(n => sum += n);
sum; // 10

带参数

function arrSum(arr) { 
  sum = 0;  
  arr.forEach(n => sum += n); 
  return sum; 
}

arrSum([1, 2, 3, 4]) // 10

是否有理由不首先过滤数组以删除非数字？看起来很简单：

[1, 2, 3, null, 'a'].filter((x) => !isNaN(x)).reduce((a, b) => a + b)

也有人可以使用map（）函数对数组值求和。

function sumOfArrVal(arr){
    let sum=0;
    arr.map(val=>sum+=val)
    return sum
}

let result=sumOfArrVal([1,2,3,4])
console.log(result)

getTotal = (arr) => {
    let total = 0
    for (let i = 0; i < arr.length; i++) {
        total += arr[i];
    }
    return total
}

getTotal([1, 2, 3, 4]) // 10
getTotal([1, 2, 3, 4, 5]) // 15

没有人提到函数式编程，但在这种情况下使用Ramda是非常干净的方法：

//Assuming you use nodejs, but can also be used in browser
const R = require('ramda');

let nums = [2, 4, 6, 8, 10];
console.log(R.sum(nums));

您可以尝试以下代码：

[1, 2, 3, 4].reduce((pre,curr)=>pre+curr,0)

事实上，有一个古老而有趣的经典解决方案（除了新手“foreach”和“reduce”）：的经典。

y = 0;
for (x of [1, 2, 3, 4]) y+=x;

我看到这是一个老问题，但几乎没有任何答案实际使用jQuery，特别是按照提问者的要求使用$.each。有一种方法可以做到这一点，但许多人建议的本机方法（即使用Array.reduce（））要好得多，也更容易。

如果您必须使用jQuery，请使用以下方法：

  var arr = [1,2,3,4];
  var sum = 0;
  
  $.each( arr, (i, v) => sum += v);

  alert(sum); // This will be 10

TL；博士

如果您关心性能，请定义一个使用for循环的函数。

function sum(arr) {
    var res = 0;
    for (var x of arr) {
        res += x;
    }
    return res;
}

基准

我使用benchmark.js（typescript版本）对一些实现进行了基准测试：

const arr = Array.from({ length: 100 }, () => Math.random());
const reducer = function (p: number, a: number) {
    return p + a;
};
const recursion = function (arr: number[], i: number) {
    if(i > 0) return arr[i] + recursion(arr, i - 1)
    else return 0
};
const recursion2 = function (arr: number[], i: number, len: number) {
    if(i < len) return arr[i] +  recursion2(arr, i + 1, len)
    else return 0
};
const recursion3 = function (arr: number[], i: number) {
    if(i < arr.length) return arr[i] + recursion3(arr, i + 1)
    else return 0
};
new Benchmark.Suite()
    .add("jquery", () => {
        let res = 0;
        $.each(arr, (_, x) => (res += x));
    })
    .add("lodash", ()=>_.sum(arr))
    .add("forEach", () => {
        let res = 0;
        arr.forEach((x) => (res += x));
    })
    .add("reduce", () => arr.reduce((p, a) => p + a, 0))
    .add("predefined reduce", () => arr.reduce(reducer, 0))
    .add("eval", () => eval(arr.join("+")))
    .add("recursion", () => recursion(arr, arr.length - 1))
    .add("recursion2", () => recursion2(arr, 0, arr.length))
    .add("recursion3", () => recursion3(arr, 0))
    .add("naive", () => (
        arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5]+arr[6]+arr[7]+arr[8]+arr[9]+
        arr[10]+arr[11]+arr[12]+arr[13]+arr[14]+arr[15]+arr[16]+arr[17]+arr[18]+arr[19]+
        arr[20]+arr[21]+arr[22]+arr[23]+arr[24]+arr[25]+arr[26]+arr[27]+arr[28]+arr[29]+
        arr[30]+arr[31]+arr[32]+arr[33]+arr[34]+arr[35]+arr[36]+arr[37]+arr[38]+arr[39]+
        arr[40]+arr[41]+arr[42]+arr[43]+arr[44]+arr[45]+arr[46]+arr[47]+arr[48]+arr[49]+
        arr[50]+arr[51]+arr[52]+arr[53]+arr[54]+arr[55]+arr[56]+arr[57]+arr[58]+arr[59]+
        arr[60]+arr[61]+arr[62]+arr[63]+arr[64]+arr[65]+arr[66]+arr[67]+arr[68]+arr[69]+
        arr[70]+arr[71]+arr[72]+arr[73]+arr[74]+arr[75]+arr[76]+arr[77]+arr[78]+arr[79]+
        arr[80]+arr[81]+arr[82]+arr[83]+arr[84]+arr[85]+arr[86]+arr[87]+arr[88]+arr[89]+
        arr[90]+arr[91]+arr[92]+arr[93]+arr[94]+arr[95]+arr[96]+arr[97]+arr[98]+arr[99]))
    .add("loop with iterator", () => {
        let res = 0;
        for (const x of arr) res += x;
    })
    .add("traditional for loop", () => {
        let res = 0;
        // cache the length in case the browser can't do it automatically
        const len = arr.length;
        for (let i = 0; i < len; i++) res += arr[i];
    })
    .add("while loop", () => {
        let res = 0;
        let i = arr.length;
        while (i--) res += arr[i];
    })
    .add("loop in a function ", () => sum(arr))
    .on("cycle", (event) => console.log(String(event.target)))
    .run();

在chrome 104中，基于for循环的实现是最快的：

jquery               x  1,832,472 ops/sec ±1.35% (61 runs sampled)
lodash               x  2,079,009 ops/sec ±1.11% (68 runs sampled)
forEach              x  4,887,484 ops/sec ±2.35% (67 runs sampled)
reduce               x 21,762,391 ops/sec ±0.46% (69 runs sampled)
predefined reduce    x  2,026,411 ops/sec ±0.50% (68 runs sampled)
eval                 x     33,381 ops/sec ±2.54% (66 runs sampled)
recursion            x  2,252,353 ops/sec ±2.13% (62 runs sampled)
recursion2           x  2,301,516 ops/sec ±1.15% (65 runs sampled)
recursion3           x  2,395,563 ops/sec ±1.65% (66 runs sampled)
naive                x 31,244,240 ops/sec ±0.76% (66 runs sampled)
loop with iterator   x 29,554,762 ops/sec ±1.07% (66 runs sampled)
traditional for loop x 30,052,685 ops/sec ±0.67% (66 runs sampled)
while loop           x 18,624,045 ops/sec ±0.17% (69 runs sampled)
loop in a function   x 29,437,954 ops/sec ±0.54% (66 runs sampled)

Firefox 104显示了类似的行为：

jquery               x  1,461,578 ops/sec ±1.58% (64 runs sampled)
lodash               x  4,931,619 ops/sec ±0.80% (66 runs sampled)
forEach              x  5,594,013 ops/sec ±0.51% (68 runs sampled)
reduce               x  3,731,232 ops/sec ±0.53% (66 runs sampled)
predefined reduce    x  2,633,652 ops/sec ±0.54% (66 runs sampled)
eval                 x    105,003 ops/sec ±0.88% (66 runs sampled)
recursion            x  1,194,551 ops/sec ±0.24% (67 runs sampled)
recursion2           x  1,186,138 ops/sec ±0.20% (68 runs sampled)
recursion3           x  1,191,921 ops/sec ±0.24% (68 runs sampled)
naive                x 21,610,416 ops/sec ±0.66% (66 runs sampled)
loop with iterator   x 15,311,298 ops/sec ±0.43% (67 runs sampled)
traditional for loop x 15,406,772 ops/sec ±0.59% (67 runs sampled)
while loop           x 11,513,234 ops/sec ±0.60% (67 runs sampled)
loop in a function   x 15,417,944 ops/sec ±0.32% (68 runs sampled)

讨论

定义匿名函数的实现通常较慢，因为创建匿名函数是一个很大的开销。当使用大型阵列（例如，长度为1000而不是100）运行基准测试时，reduce和基于for循环的实现之间的差异在chrome中变得微不足道。

Chrome的V8引擎知道如何在reduce中内联简单的匿名函数，因为reduce测试用例比预定义的reduce用例快得多。Firefox似乎尝试了类似的方法，但效率较低。非内联函数调用在js中非常慢，因为调用堆栈的效率低于编译软件中的调用堆栈。

与reduce类似，基于forEach和jquery的实现使用匿名函数，速度相对较慢。lodash有一个专门的sum实现，但它（从v4.0开始）是作为sumBy的一个特例实现的，这是相对低效的。

eval是迄今为止最慢的测试用例。这是有意义的，因为使用串联构造字符串可能会导致多个动态分配（速度较慢）。接下来，必须调用解析器，然后才能最终执行代码。

我加入了一些递归实现，因为互联网上的一些人声称递归比js中的循环更快。我无法再现他们的例子-使用benchmark.js，递归非常慢，并且当使用console.time和循环时，两个函数都需要相同的时间。在计算和时，正如预期的那样，递归比循环慢得多，这可能是由于js调用堆栈的大量使用。

天真的实现是手动添加阵列的所有100个元素。虽然很不方便，但这是最快的实现。但幸运的是，for循环非常接近。在循环中添加单个函数调用不会损害性能。因此，您可以自由使用上面的实用程序功能。

我无法解释为什么while循环比for循环慢。反向迭代数组似乎不是问题所在。

我认为这是求和数组的简单方法

function sumArray(arr){

    let total = 0;

    for(i = 0; i<arr.length ; i++){

        total += arr[i];
    }
    return total;
}

console.log(sumArray([1,2,3,4,]));

您可以使用for of循环求和，如下所示：

let arr = [1, 2, 3, 4];
let total = 0;
for (let i of arr) {
  total += i;
}
console.log(total)