//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))

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

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。。。

一些人建议在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调用中使用了=>。

ES6用于。。属于

let total = 0;

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

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

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

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

试试这个。。。

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