【JavaScript入門】配列の偶数番目にある数値の合計を求める3つの方法

配列内の偶数番目（インデックスが0、2、4…）にある数値の合計を求める方法は複数あります。この記事では、代表的な3つの方法をサンプルコードとともにわかりやすく解説します。

方法1：forループを使う

もっともシンプルなのは、forループを直接使う方法です。インデックスを2ずつ増やしながら繰り返し処理を行うことで、偶数番目の要素だけを取り出して合計を計算できます。

サンプルコード

let arr = [1, 2, 3, 4, 5, 6];
let sum = 0;
for(let i = 0; i < arr.length; i += 2) {
    sum += arr[i];
}
console.log(sum);

実行結果

9

方法2：forEachメソッドを使う

次に紹介するのは、forEachメソッドを使った方法です。明示的にループを記述する代わりに、forEachに「各要素に対して実行する関数」を渡して処理します。インデックスが偶数かどうかを判定してから、値を合計に加算していきます。

サンプルコード

let arr = [1, 2, 3, 4, 5, 6];
let sum = 0;
arr.forEach((elem, i) => {
    if(i % 2 === 0) {
        sum += elem;
    }
});
console.log(sum);

実行結果

9

方法3：filterとreduceを使う

filterとreduceを組み合わせることでも合計を求められます。まずfilterで偶数インデックスの要素だけを抽出し、その後reduceでそれらの合計を計算します。関数型プログラミングらしいスタイルで、処理を1行にまとめて書けるのが特徴です。

サンプルコード

let arr = [1, 2, 3, 4, 5, 6];
let sum = arr.filter((_, i) => i % 2 === 0).reduce((curr, acc) => acc + curr, 0);
console.log(sum);

実行結果

9

どの方法でも結果は同じになりますが、可読性・パフォーマンス・チームのコーディング規約などを考慮して、状況に応じて最適な方法を選ぶとよいでしょう。