javascript - 如何计算数组中元素的总和和平均值？

Question

我在添加数组的所有元素以及平均它们时遇到问题。我将如何做到这一点并使用我目前拥有的代码来实现它？这些元素应该按照我在下面的定义进行定义。

<script type="text/javascript">
//<![CDATA[

var i;
var elmt = new Array();

elmt[0] = "0";
elmt[1] = "1";
elmt[2] = "2";
elmt[3] = "3";
elmt[4] = "4";
elmt[5] = "7";
elmt[6] = "8";
elmt[7] = "9";
elmt[8] = "10";
elmt[9] = "11";

// Problem here
for (i = 9; i < 10; i++){
  document.write("The sum of all the elements is: " + /* Problem here */ + " The average of all the elements is: " + /* Problem here */ + "<br/>");
}   

//]]>
</script>

score 607 · Accepted Answer

我认为更优雅的解决方案：

const sum = times.reduce((a, b) => a + b, 0);
const avg = (sum / times.length) || 0;

console.log(`The sum is: ${sum}. The average is: ${avg}.`);

score 152 · Accepted Answer

var sum = 0;
for( var i = 0; i < elmt.length; i++ ){
    sum += parseInt( elmt[i], 10 ); //don't forget to add the base
}

var avg = sum/elmt.length;

document.write( "The sum of all the elements is: " + sum + " The average is: " + avg );

只需遍历数组，因为您的值是字符串，所以必须先将它们转换为整数。平均值只是值的总和除以值的数量。

score 146 · Accepted Answer

ES6

const average = arr => arr.reduce( ( p, c ) => p + c, 0 ) / arr.length;
    
const result = average( [ 4, 4, 5, 6, 6 ] ); // 5
    
console.log(result);

score 49 · Accepted Answer

使用reduce和 ES6计算平均值（mean）：

const average = list => list.reduce((prev, curr) => prev + curr) / list.length;

const list = [0, 10, 20, 30]
average(list) // 15

score 23 · Accepted Answer

平均最短的一班轮

const avg = arr => arr.reduce((acc,v,i,a)=>(acc+v/a.length),0);

Sum 最短的一班轮

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

score 21 · Accepted Answer

一般平均使用单线减少是这样的

elements.reduce(function(sum, a,i,ar) { sum += a;  return i==ar.length-1?(ar.length==0?0:sum/ar.length):sum},0);

专门问的问题

elements.reduce(function(sum, a,i,ar) { sum += parseFloat(a);  return i==ar.length-1?(ar.length==0?0:sum/ar.length):sum},0);

一个高效的版本就像

elements.reduce(function(sum, a) { return sum + a },0)/(elements.length||1);

1 分钟了解 Javascript Array Reduce http://www.airpair.com/javascript/javascript-array-reduce

正如gotofritz 指出的那样， Array.reduce 似乎跳过了未定义的值。所以这是一个修复：

(function average(arr){var finalstate=arr.reduce(function(state,a) { state.sum+=a;state.count+=1; return state },{sum:0,count:0}); return finalstate.sum/finalstate.count})([2,,,6])

score 19 · Accepted Answer

假设我们有一个这样的整数数组：

var values = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];

平均值通过以下公式获得

A= (1/n)Σxi ( i = 1 到 n ) ... 所以：x1/n + x2/n + ... + xn/n

我们将当前值除以值的数量，并将先前的结果添加到返回值中。

reduce 方法签名是

reduce(callback[,default_previous_value])

reduce 回调函数采用以下参数：

p : 上一次计算的结果
c：当前值（来自当前索引）
i : 当前数组元素的索引值
a : 当前缩减的 Array

第二个reduce的参数是默认值...（在数组为空的情况下使用）。

所以平均减少方法将是：

var avg = values.reduce(function(p,c,i,a){return p + (c/a.length)},0);

如果您愿意，可以创建一个单独的函数

function average(p,c,i,a){return p + (c/a.length)};
function sum(p,c){return p + c)};

然后简单的参考回调方法签名

var avg = values.reduce(average,0);
var sum= values.reduce(sum,0);

或者直接扩充阵列原型..

Array.prototype.sum = Array.prototype.sum || function (){
  return this.reduce(function(p,c){return p+c},0);
};

每次调用reduce方法时都可以将值除以..

Array.prototype.avg = Array.prototype.avg || function () {
  return this.reduce(function(p,c,i,a){return p+(c/a.length)},0);
};

甚至更好，使用之前定义的 Array.protoype.sum()

方法，优化我只调用一次部门的过程:)

Array.prototype.avg = Array.prototype.avg || function () {
  return this.sum()/this.length; 
};

然后在范围的任何 Array 对象上：

[2, 6].avg();// -> 4
[2, 6].sum();// -> 8

注意：在我看来，返回 NaN 愿望的空数组比 0 更正确，并且在特定用例中很有用。

score 17 · Accepted Answer

您还可以在数学部分使用lodash、 _.sum(array) 和 _.mean(array) （还有其他方便的东西）。

_.sum([4, 2, 8, 6]);
// => 20
_.mean([4, 2, 8, 6]);
// => 5

score 6 · Accepted Answer

不是最快的，但最短的一行是使用 map() 和 reduce()：

var average = [7,14,21].map(function(x,i,arr){return x/arr.length}).reduce(function(a,b){return a + b})

score 5 · Accepted Answer

我在我的个人库中使用这些方法：

Array.prototype.sum = Array.prototype.sum || function() {
  return this.reduce(function(sum, a) { return sum + Number(a) }, 0);
}

Array.prototype.average = Array.prototype.average || function() {
  return this.sum() / (this.length || 1);
}

编辑：要使用它们，只需询问数组的总和或平均值，例如：

[1,2,3].sum() // = 6
[1,2,3].average() // = 2

score 5 · Accepted Answer

在支持 ES6 的浏览器中，这个 polyfill 可能会有所帮助。

Math.sum = (...a) => Array.prototype.reduce.call(a,(a,b) => a+b)

Math.avg = (...a) => this.sum(...a)/a.length;

Math.sum您可以在,Math.avg 和之间共享相同的调用方法Math.max，例如

var maxOne = Math.max(1,2,3,4) // 4;

你可以使用 Math.sum 作为

var sumNum = Math.sum(1,2,3,4) // 10

或者如果你有一个数组要总结，你可以使用

var sumNum = Math.sum.apply(null,[1,2,3,4]) // 10

就像

var maxOne = Math.max.apply(null,[1,2,3,4]) // 4

score 4 · Accepted Answer

尽管确实需要使用（非常讨厌的）eval（），但您可以使用一种偷偷摸摸的方式来做到这一点。

var sum = eval(elmt.join('+')), avg = sum / elmt.length;
document.write("The sum of all the elements is: " + sum + " The average of all the elements is: " + avg + "<br/>");

只是以为我会将其发布为“框外”选项之一。你永远不知道，狡猾可能会给你（或拿走）一分。

score 4 · Accepted Answer

这是在 javascript 中快速添加“数学”对象以添加“平均”命令！

Math.average = function(input) {
  this.output = 0;
  for (this.i = 0; this.i < input.length; this.i++) {
    this.output+=Number(input[this.i]);
  }
  return this.output/input.length;
}

然后我将这个添加到“数学”对象中以获得总和！

Math.sum = function(input) {
  this.output = 0;
  for (this.i = 0; this.i < input.length; this.i++) {
    this.output+=Number(input[this.i]);
  }
  return this.output;
}

那么你要做的就是

alert(Math.sum([5,5,5])); //alerts “15”
alert(Math.average([10,0,5])); //alerts “5”

我把占位符数组放在哪里只是传入你的变量（如果它们是数字，输入可以是一个字符串，因为它解析为一个数字！）

score 1 · Accepted Answer

将你的 for 循环计数器设置为 0 .... 你得到元素 9，然后你就完成了，就像现在一样。其他答案是基本数学。使用变量来存储总和（需要将字符串转换为整数），然后除以数组长度。

score 1 · Accepted Answer

首先定义我们计划使用的所有变量。您会注意到，对于numbers数组，我使用的是[]与构造函数方法相反的文字表示法array()。此外，我使用更短的方法将多个变量设置为 0。

var numbers = [], count = sum = avg = 0;

接下来，我将使用 0 到 11 的值填充我的空数字数组。这是为了让我到达你原来的起点。请注意我是如何推入数组的count++。这会推动 count 的当前值，然后在下一次将其递增。

while ( count < 12 )
    numbers.push( count++ );

最后，我正在为 numbers 数组中的每个数字执行一个函数。此函数将一次处理一个数字，我在函数体内将其标识为“n”。

numbers.forEach(function(n){
  sum += n; 
  avg = sum / numbers.length;
});

最后，我们可以将sum值和avg值输出到控制台以查看结果：

// Sum: 66, Avg: 5.5
console.log( 'Sum: ' + sum + ', Avg: ' + avg );

在http://jsbin.com/unukoj/3/edit上在线查看它

score 1 · Accepted Answer

我只是建立在 Abdennour TOUMI 的回答之上。以下是原因：

1.) 我同意布拉德的观点，我认为扩展我们没有创建的对象不是一个好主意。

2.)array.length在 javascript 中完全可靠，我更喜欢Array.reduce因为a=[1,3];a[1000]=5;，现在a.length会返回1001.

function getAverage(arry){
    // check if array
    if(!(Object.prototype.toString.call(arry) === '[object Array]')){
        return 0;
    }
    var sum = 0, count = 0; 
    sum = arry.reduce(function(previousValue, currentValue, index, array) {
        if(isFinite(currentValue)){
            count++;
            return previousValue+ parseFloat(currentValue);
        }
        return previousValue;
    }, sum);
    return count ? sum / count : 0; 
};

score 1 · Accepted Answer

如果有人需要它 - 这是一个递归平均值。

在原始问题的上下文中，如果您允许用户插入附加值并且不产生再次访问每个元素的成本，您可能希望使用递归平均值，并且想要“更新”现有平均值。

/**
 * Computes the recursive average of an indefinite set
 * @param {Iterable<number>} set iterable sequence to average
 * @param {number} initAvg initial average value
 * @param {number} initCount initial average count
 */
function average(set, initAvg, initCount) {
  if (!set || !set[Symbol.iterator])
    throw Error("must pass an iterable sequence");

  let avg = initAvg || 0;
  let avgCnt = initCount || 0;
  for (let x of set) {
    avgCnt += 1;
    avg = avg * ((avgCnt - 1) / avgCnt) + x / avgCnt;
  }
  return avg; // or {avg: avg, count: avgCnt};
}

average([2, 4, 6]);    //returns 4
average([4, 6], 2, 1); //returns 4
average([6], 3, 2);    //returns 4
average({
  *[Symbol.iterator]() {
    yield 2; yield 4; yield 6;
  }
});                    //returns 4

如何：

这通过保持当前的平均值和元素计数来工作。当要包含一个新值时，您将 count 增加 1，将现有平均值缩放(count-1) / count，然后添加newValue / count到平均值中。

好处：

您没有对所有元素求和，这可能会导致无法存储在 64 位浮点数中的大量数字。
如果有其他值可用，您可以“更新”现有平均值。
您可以在不知道序列长度的情况下执行滚动平均。

缺点：

招致更多的部门
不是无限的 - 仅限于 Number.MAX_SAFE_INTEGER 项目，除非您雇用BigNumber

score 1 · Accepted Answer

在常青浏览器上，您可以使用箭头功能 avg = [1,2,3].reduce((a,b) => (a+b);

运行它 100,000 次，for 循环方法和 reduce 之间的时间差可以忽略不计。

s=Date.now();for(i=0;i<100000;i++){ n=[1,2,3]; a=n.reduce((a,b) => (a+b)) / n.length };
console.log("100k reduce took " + (Date.now()-s) + "ms.");

s=Date.now();for(i=0;i<100000;i++){n=[1,2,3]; nl=n.length; a=0; for(j=nl-1;j>0;j--){a=a+n[j];} a/nl };
console.log("100k for loop took " + (Date.now()-s) + "ms.");

s=Date.now();for(i=0;i<1000000;i++){n=[1,2,3]; nl=n.length; a=0; for(j=nl-1;j>0;j--){a=a+n[j];} a/nl };
console.log("1M for loop took " + (Date.now()-s) + "ms.");

s=Date.now();for(i=0;i<1000000;i++){ n=[1,2,3]; a=n.reduce((a,b) => (a+b)) / n.length };
console.log("1M reduce took " + (Date.now()-s) + "ms.");

/* 
 * RESULT on Chrome 51
 * 100k reduce took 26ms.
 * 100k for loop took 35ms.
 * 10M for loop took 126ms.
 * 10M reduce took 209ms.
 */

score 1 · Accepted Answer

Array.prototype.avg=function(fn){
    fn =fn || function(e,i){return e};
    return (this.map(fn).reduce(function(a,b){return parseFloat(a)+parseFloat(b)},0) / this.length ) ; 
};

然后：

[ 1 , 2 , 3].avg() ;  //-> OUT : 2

[{age:25},{age:26},{age:27}].avg(function(e){return e.age}); // OUT : 26

score 1 · Accepted Answer

在阅读了其他选择之后，我将尝试为未来的观众制作一个更简单的版本，详细说明现有的代码，而不是创建一个更优雅的代码。首先，您将数字声明为字符串。除了 .parseInt 我们还可以这样做：

const numberConverter = elmt.map(Number);

所以 map 所做的是它“返回原始数组的副本”。但我将其值转换为数字。然后我们可以使用 reduce 方法（它也可以更简单，但我正在编写易于阅读的版本，并且我还有 2 个平均方法）reduce 方法的作用是它有一个累加器，如果你将值添加到它，因为它遍历数组并将（在本例中） currentValue 添加到它。：

var i;
const elmt = new Array();
elmt[0] = '0';
elmt[1] = '1';
elmt[2] = '2';
elmt[3] = '3';
elmt[4] = '4';
elmt[5] = '7';
elmt[6] = '8';
elmt[7] = '9';
elmt[8] = '10';
elmt[9] = '11';

console.log(elmt);

const numberConverter = elmt.map(Number);

const sum = numberConverter.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

const average = numberConverter.reduce(
  (accumulator, currentvalue, index, numArray) => {
    return accumulator + currentvalue / numArray.length;
  },
  0
);

const average2 =
  numberConverter.reduce(
    (accumulator, currentValue) => accumulator + currentValue,
    0
  ) / numberConverter.length;

for (i = 9; i < 10; i++) {
  console.log(
    `The sum of all the elements is: ${sum}. <br> The average of all the elements is: ${average2}`
  );}

score 1 · Accepted Answer

如果您需要平均值并且可以跳过计算总和的要求，您可以通过一次调用 reduce 来计算平均值：

// Assumes an array with only values that can be parsed to a Float
var reducer = function(cumulativeAverage, currentValue, currentIndex) {
  // 1. multiply average by currentIndex to find cumulative sum of previous elements
  // 2. add currentValue to get cumulative sum, including current element
  // 3. divide by total number of elements, including current element (zero-based index + 1)
  return (cumulativeAverage * currentIndex + parseFloat(currentValue))/(currentIndex + 1)
}
console.log([1, 2, 3, 4, 5, 6, 7, 8, 9, 10].reduce(reducer, 0)); // => 5.5
console.log([].reduce(reducer, 0)); // => 0
console.log([0].reduce(reducer, 0)); // => 0
console.log([].reduce(reducer, 0)); // => 0
console.log([,,,].reduce(reducer, 0)); // => 0
console.log([].reduce(reducer, 0)); // => 0

score 1 · Accepted Answer

我发现Mansilla的答案可以很好地确保我正在使用parseFloat()对浮点数求和而不是字符串连接：

let sum = ourarray.reduce((a, b) => parseFloat(a) + parseFloat(b), 0);
let avg = (sum / ourarray.length) || 0;

console.log(sum); // print out sum
console.log(avg); // print out avg

score 0 · Accepted Answer

只是为了踢球：

var elmt = [0, 1, 2,3, 4, 7, 8, 9, 10, 11], l = elmt.length, i = -1, sum = 0;
for (; ++i < l; sum += elmt[i])
    ;
document.body.appendChild(document.createTextNode('The sum of all the elements is: ' + sum + ' The average of all the elements is: ' + (sum / l)));

score 0 · Accepted Answer

这是我简单地找到平均值的新手方法。希望这可以帮助某人。

function numAvg(num){
    var total = 0;
    for(var i = 0;i < num.length; i++) { 
        total+=num[i];
    }
    return total/num.length;
}

score 0 · Accepted Answer

似乎有无数种解决方案，但我发现这简洁而优雅。

const numbers = [1,2,3,4];
const count = numbers.length;
const reducer = (adder, value) => (adder + value);
const average = numbers.map(x => x/count).reduce(reducer);
console.log(average); // 2.5

或者更简洁：

const numbers = [1,2,3,4];
const average = numbers.map(x => x/numbers.length).reduce((adder, value) => (adder + value));
console.log(average); // 2.5

根据您的浏览器，您可能需要执行显式函数调用，因为不支持箭头函数：

const r = function (adder, value) {
        return adder + value;
};
const m = function (x) {
        return x/count;
};
const average = numbers.map(m).reduce(r);
console.log(average); // 2.5

或者：

const average1 = numbers
    .map(function (x) {
        return x/count;
     })
    .reduce(function (adder, value) {
        return adder + value;
});
console.log(average1);

score 0 · Accepted Answer

我认为我们可以这样做

var k=elmt.reduce(function(a,b){return parseFloat(a+parseFloat(b));})
var avg=k/elmt.length; 
console.log(avg);

我使用 parseFloat 两次，因为当 1) 添加 (a)9+b("1") 数字时，结果将是“91”，但我们想要添加。所以我使用了 parseFloat

2）当添加（a）9 + parseFloat（“1”）时，虽然结果将是“10”，但它会在我们不想要的字符串中，所以我再次使用了parseFloat。

我希望我很清楚。欢迎提出建议

score 0 · Accepted Answer

这是你的一个班轮：

var average = arr.reduce((sum,item,index,arr)=>index !== arr.length-1?sum+item:sum+item/arr.length,0)

score 0 · Accepted Answer

我认为这可能是使用 for 循环和函数计算平均值的直接解决方案。

var elmts = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];

function average(arr) {
    var total = 0;
    for (var i = 0; i < arr.length; i++) {
        total += arr[i];
    }
        console.log(Math.round(total/arr.length));
}

average(elmts);

score -1 · Accepted Answer

HTML 内容的平均数

使用 jQuery 或 Javascript querySelector，您可以直接访问格式化数据...示例：

<p>Elements for an average: <span class="m">2</span>, <span class="m">4</span>,
   <span class="m">2</span>, <span class="m">3</span>.
</p>

所以，使用 jQuery 你有

var A = $('.m')
  .map(function(idx) { return  parseInt($(this).html()) })
  .get();
var AVG = A.reduce(function(a,b){return a+b}) / A5.length;

查看其他 4 种方式（！）来访问 itens 并对其进行平均：http: //jsfiddle.net/4fLWB/

score -1 · Accepted Answer

var arr = [1,2,3,4,5]

function avg(arr){
  var sum = 0;
  for (var i = 0; i < arr.length; i++) {
    sum += parseFloat(arr[i])
  }
  return sum / i;
}

平均（arr）======>>>> 3

这适用于字符串作为数组中的数字或数字。

score -2 · Accepted Answer

    var scores =[90, 98, 89, 100, 100, 86, 94];
        var sum = 0;
        var avg = 0;
        for(var i = 0; i < scores.length;i++){
  //Taking sum of all the arraylist
            sum = sum + scores[i];   
                }
  //Taking average     
             avg = sum/scores.length;        
  //this is the function to round a decimal no    
             var round = avg.toFixed();
             console.log(round);

score -3 · Accepted Answer

我正好有 10 个元素（如示例中所示），所以我做了：

( elmt[0] + elmt[1] + elmt[2] + elmt[3] + elmt[4] +
  elmt[5] + elmt[6] + elmt[7] + elmt[8] + elmt[9] ) / 10

score -3 · Accepted Answer

在这种情况下，我会推荐 D3。它是最易读的（并提供 2 种不同的平均值）

let d3 = require('d3');
let array = [1,2,3,4];
let sum = d3.sum(array); //10
let mean = d3.mean(array); //2.5
let median = d3.median(array);

javascript - 如何计算数组中元素的总和和平均值？

33 回答 33

ES6

HTML 内容的平均数

Related

Reference