JavaScriptでforループを使って配列内のすべての数値を合計する方法

JavaScriptで配列内のすべての数値を1つの変数に合計したい場合、forループを使うのが基本的なアプローチです。手順としては、まず合計値を格納するための変数（total）を0で初期化し、その後、配列の全要素を順番に取り出しながら、total変数に加算していきます。

サンプルデータの準備

今回は、次のような数値が入った配列を例に説明します。

var listOfValues = [10,3,4,90,34,56,23,100,200];

forループで合計を求めるコード例

以下のコードでは、インデックスを0から配列の長さ未満まで繰り返し処理し、各要素をtotal変数に足し合わせています。

var listOfValues = [10,3,4,90,34,56,23,100,200];
var total = 0;
for(let index = 0; index < listOfValues.length ; index++){
    total = total + listOfValues[index];
}
console.log("Total Values=" + total);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo86.js」として保存しています。

実行結果（出力）

プログラムを実行すると、コンソールに次のような結果が出力されます。

PS C:\Users\Amit\JavaScript-code> node demo86.js
Total Values=520

解説：コードの仕組み

このコードが動く仕組みはシンプルです。

• total = 0：合計を保持する変数を0で初期化します。これにより、加算の開始点が明確になります。
• index < listOfValues.length：配列の長さ（要素数）だけループを回すことで、すべての要素にアクセスできます。
• total + listOfValues[index]：現在の合計値に、インデックスで指定した要素を順に加算していきます。

補足：reduce()メソッドを使った別の書き方

forループ以外にも、ES5以降で使えるreduce()メソッドを使うと、より簡潔に合計を求めることができます。

var listOfValues = [10,3,4,90,34,56,23,100,200];
var total = listOfValues.reduce(function(sum, value){
    return sum + value;
}, 0);
console.log("Total Values=" + total); // Total Values=520

状況に応じて、可読性の高いforループか、関数型スタイルのreduce()かを選択するとよいでしょう。