javascript reduceメソッドを使用して配列の総和を取得する

javascript reduceメソッドを使用して配列の総和を取得する

javascriptでreduceメソッドを使用して、配列の総和を取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

reduceメソッド使い方

reduceメソッドを使うと、配列の各値を累積して1つの値にすることが可能です。

accumulator : コールバック関数の結果を累積する
currentValue : 処理されている配列の値

reduceメソッド使い方

サンプルコード

以下は、「 計算 」ボタンをクリックすると、ランダムに生成した配列の中の総和を求めて表示するサンプルコードとなります。

※cssには「uikit」を使用してます。

総和が計算されていることが確認できます。