JavaScriptのreduce()メソッドで配列要素の積を求める方法

問題

JavaScriptで、配列 arr を引数として受け取る関数を作成します。この関数は、配列内のすべての要素を掛け合わせた積を計算し、その結果を返す必要があります。

解決策：reduce()メソッドを使う

配列の全要素を集約して単一の値を得たい場合、Array.prototype.reduce() メソッドが最適です。reduce() は配列の各要素に対してコールバック関数を順に実行し、結果をアキュムレータ（累積値）に蓄えていきます。

積を求める場合は、初期値として「1」を指定するのがポイントです。1は乗法における単位元のため、計算結果に影響を与えず、さらに空の配列が渡された場合でも正しく 1 が返されるという利点があります。

コード例

以下がその実装例です。

const arr = [3, 1, 4, 1, 2, -2, -1];
const produceElements = (arr = []) => {
    const res = arr.reduce((acc, val) => {
        acc = acc * val;
        return acc;
    }, 1);
    return res;
};
console.log(produceElements(arr));

処理の流れ

このコードでは、アキュムレータ（acc）の初期値を 1 とし、配列の各要素（val）を順番に掛けていきます。具体的な計算過程は次の通りです。

1 × 3 = 3 → 3 × 1 = 3 → 3 × 4 = 12 → 12 × 1 = 12 → 12 × 2 = 24 → 24 × (-2) = -48 → -48 × (-1) = 48

出力結果

コンソールには以下のように表示されます。

48