247

配列のすべての要素を追加したり、平均化したりするのに問題があります。これをどのように行い、現在持っているコードで実装しますか？要素は、以下のように定義されているはずです。

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

33 に答える 33

607

私がよりエレガントだと思う解決策：

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}.`);
于 2012-05-16T18:12:13.360 に答える
152 
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 );

値は文字列であるため、配列を反復処理するだけです。最初に整数に変換する必要があります。また、平均は、値の合計を値の数で割ったものです。

于 2012-04-28T01:54:57.917 に答える
146

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

于 2013-08-14T14:32:04.373 に答える
49

reduceとES6を使用して平均（平均）を計算する：

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

const list = [0, 10, 20, 30]
average(list) // 15
于 2018-08-08T15:55:25.020 に答える
23

アベレージの最短ワンライナー

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

Sumの最短ワンライナー

const sum = arr => arr.reduce((a,b)=>a+b);
于 2020-06-14T11:42:05.643 に答える
21

一般的にワンライナーリデュースを使用した平均はこのようなものです

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配列の削減を理解する 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])
于 2014-05-23T07:46:55.310 に答える
19

次のような整数の配列があると想像してみましょう。

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

コールバックの削減関数は、次のパラメーターを取ります。

  • p：前回の計算結果
  • c：現在の値（現在のインデックスから）
  • i：現在の配列要素のインデックス値
  • a：現在の縮小アレイ

2番目のreduceのパラメーターはデフォルト値です...（配列が空の場合に使用されます）。

したがって、平均的な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（）を使用してさらに良い

メソッド、プロセスを最適化して、部門を1回だけ呼び出します:)

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

次に、スコープの任意のArrayオブジェクトで：

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

注意：NaNウィッシュを返す空の配列は、私の観点では0よりも正確であり、特定のユースケースで役立つ可能性があります。

于 2016-03-15T10:22:17.700 に答える
17

数学の部分でlodash、_。sum（array）、_。mean（array）を使用することもできます（他にも便利なものがあります）。

_.sum([4, 2, 8, 6]);
// => 20
_.mean([4, 2, 8, 6]);
// => 5
于 2017-10-07T12:08:35.917 に答える
6

最速ではありませんが、最短で1行でmap（）とreduce（）を使用しています。

var average = [7,14,21].map(function(x,i,arr){return x/arr.length}).reduce(function(a,b){return a + b})
于 2014-04-12T17:01:17.223 に答える
5

私は自分の個人ライブラリでこれらのメソッドを使用しています。

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
于 2015-02-23T02:54:12.873 に答える
5

ES6対応のブラウザでは、このポリフィルが役立つ場合があります。

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

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

、、の間Math.sumで同じ呼び出しメソッドを共有できます。Math.avgMath.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
于 2016-11-18T15:56:07.243 に答える
4

（非常に嫌われている）eval（）を使用する必要がありますが、それを行うことができる卑劣な方法の1つです。

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

これを「箱の外」のオプションの1つとして投稿すると思っただけです。あなたは決して知りません、ずる賢さはあなたにポイントを与える（または奪う）かもしれません。

于 2013-01-03T16:06:12.247 に答える
4

これは、javascriptの「Math」オブジェクトに「average」コマンドを追加するための簡単な追加です!!

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”

そして、プレースホルダー配列を配置する場所では、変数を渡すだけです（数値の場合、数値に解析されるため、入力は文字列になる可能性があります！）

于 2018-04-16T20:27:33.033 に答える
1

使用する予定のすべての変数を定義することから始めます。numbers配列には[]、コンストラクターメソッドではなくのリテラル表記を使用していることに注意してくださいarray()。さらに、より短い方法を使用して、複数の変数を0に設定しています。

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

次に、空の数値配列に0から11の値を入力します。これは、元の開始点に到達するためです。配列をどのようにプッシュしているかに注意してくださいcount++。これにより、countの現在の値がプッシュされ、次にそれが増分されます。

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

最後に、numbers配列内の数値の「foreach」関数を実行しています。この関数は、一度に1つの数値を処理します。これは、関数本体内で「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でオンラインで実際の動作を確認してください

于 2012-04-28T01:55:43.080 に答える
1

forループカウンターを0に設定します。要素9を取得し、これで完了です。他の答えは基本的な数学です。変数を使用して合計を格納し（文字列をintにキャストする必要があります）、配列の長さで除算します。

于 2012-04-28T01:53:35.223 に答える
1

AbdennourTOUMIの答えに基づいて構築しています。理由は次のとおりです。

1.）私はブラッドに同意します。私たちが作成しなかったオブジェクトを拡張することは良い考えではないと思います。

2.）array.lengthjavascriptで正確に信頼できる、私はArray.reducebeacuseを好む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; 
};
于 2015-01-15T05:46:05.990 に答える
1 
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
于 2015-12-16T15:54:26.593 に答える
1

常緑ブラウザでは、矢印関数を使用できます 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.
 */

于 2016-09-29T17:13:29.057 に答える
1

平均が必要で、合計を計算する要件をスキップできる場合は、reduceを1回呼び出すだけで平均を計算できます。

// 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
于 2018-07-08T18:26:28.337 に答える
1

誰かがそれを必要とするなら-これは再帰的な平均です。

元の質問のコンテキストでは、ユーザーが追加の値を挿入できるようにし、各要素に再度アクセスするコストをかけずに、既存の平均を「更新」したい場合は、再帰平均を使用することをお勧めします。

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

どのように：

これは、現在の平均と要素数を維持することによって機能します。新しい値を含める場合は、カウントを1ずつインクリメントし、既存の平均をでスケーリングして、平均(count-1) / countに追加newValue / countします。

利点：

  • すべての要素を合計するわけではないため、64ビット浮動小数点数に格納できない数が多くなる可能性があります。
  • 追加の値が利用可能になった場合は、既存の平均を「更新」できます。
  • シーケンスの長さを知らなくても移動平均を実行できます。

欠点：

  • より多くの部門が発生します
  • 無限ではありません-使用しない限り、Number.MAX_SAFE_INTEGERアイテムに制限されますBigNumber
于 2018-10-04T14:54:41.507 に答える
1

他の選択肢を読んだ後、私は将来の視聴者のために、よりエレガントなコードを作成するのではなく、既存のコードを詳しく説明して、より単純なバージョンを作成しようとします。まず、数値を文字列として宣言しました。.parseIntとは別に、次のこともできます。

const numberConverter = elmt.map(Number);

つまり、マップが行うことは、「元の配列のコピーを返す」ということです。しかし、私はその値を数値に変換します。次に、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}`
  );}
于 2021-03-18T15:05:04.373 に答える
1

Mansillaの答えは、 parseFloat（）を使用して文字列の連結ではなく、floatの合計を実行していることを確認する拡張機能で正常に機能することがわかりました。

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
于 2021-03-20T19:42:11.163 に答える
0

キックのためだけに：

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)));
于 2013-10-07T16:18:37.170 に答える
0

私たちは次のようにできると思います

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

1）（a）9 + b（ "1"）の数値を加算すると、結果は "91"になりますが、加算が必要なため、parseFloatを2回使用しています。だから私はparseFloatを使用しました

2）（a）9 + parseFloat（ "1"）の追加が発生した場合、結果は "10"になりますが、文字列になりますので、再度parseFloatを使用しました。

はっきりしているといいのですが。提案は大歓迎です

于 2016-03-15T11:01:18.730 に答える
0

これが、平均を簡単に見つける私の新人の方法です。これが誰かに役立つことを願っています。

function numAvg(num){
    var total = 0;
    for(var i = 0;i < num.length; i++) { 
        total+=num[i];
    }
    return total/num.length;
}
于 2016-05-29T18:55:41.640 に答える
0

これがあなたのワンライナーです：

var average = arr.reduce((sum,item,index,arr)=>index !== arr.length-1?sum+item:sum+item/arr.length,0)
于 2017-01-04T19:51:52.227 に答える
0

これは、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);
于 2017-02-02T20:54:41.423 に答える
0

これには無限の解決策があるようですが、私はこれが簡潔でエレガントであることに気づきました。

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);
于 2018-02-25T18:41:19.403 に答える
-1

HTMLコンテンツの平均

jQueryまたはJavascriptquerySelectorを使用すると、フォーマットされたデータに直接アクセスできます...例：

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

itensにアクセスして平均化する他の4つの方法（！）を参照してください：http：//jsfiddle.net/4fLWB/

于 2014-07-19T14:46:24.813 に答える
-1

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;
}

avg（arr）====== >> >> 3

これは、文字列を数値または配列内の数値として機能します。

于 2015-12-15T23:50:46.900 に答える
-2 
    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);
于 2019-03-20T17:14:04.503 に答える
-3

この場合、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);
于 2015-09-16T00:05:28.483 に答える
-3

（例のように）正確に10個の要素があったので、次のようにしました。

( elmt[0] + elmt[1] + elmt[2] + elmt[3] + elmt[4] +
  elmt[5] + elmt[6] + elmt[7] + elmt[8] + elmt[9] ) / 10
于 2016-07-13T20:37:35.727 に答える