ES6で配列の合計を計算する方法 - JavaScriptコード例と解説

1. forループを使用する方法:

   const numbers = [1, 2, 3, 4, 5];
   let sum = 0;
   for (let i = 0; i < numbers.length; i++) {
   sum += numbers[i];
   }
   console.log(sum); // 結果: 15

この方法では、forループを使用して配列の各要素を順番に加算していくことで合計を計算します。

2. reduceメソッドを使用する方法:

   const numbers = [1, 2, 3, 4, 5];
   const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
   console.log(sum); // 結果: 15

reduceメソッドは、配列の各要素に対して指定した関数を適用し、単一の値にまとめるために使用されます。上記の例では、初期値0から始めて、各要素を加算していきます。

3. 複数の方法を組み合わせる方法:

   const numbers = [1, 2, 3, 4, 5];
   const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
   const sum2 = [...numbers].reduce((accumulator, currentValue) => accumulator + currentValue, 0);
   const sum3 = numbers.reduce((accumulator, currentValue) => accumulator + currentValue);
   console.log(sum); // 結果: 15
   console.log(sum2); // 結果: 15
   console.log(sum3); // 結果: 15

この方法では、reduceメソッドを使用して合計を計算する他の方法を組み合わせています。例では、スプレッド演算子を使用して新しい配列を作成し、それをreduceメソッドに適用しています。また、reduceメソッドの初期値を省略することで、自動的に配列の最初の要素が初期値として使用されます。

これらはES6で配列の合計を計算するためのいくつかの一般的な方法です。他にもさまざまな方法がありますが、ここで紹介した方法はよく使われるものです。自分のコードに合わせて最適な方法を選択してください。