JavaScriptでundefinedやnullを含む配列の合計を求める方法

JavaScriptでは、数値の配列の中に undefined や null が混ざっているケースはよくあります。こうした配列の合計を求める際、無効な値を除外して正しく計算したいことがありますよね。

そこで本記事では、配列を受け取って合計値を返す quickSum 関数を作成する方法を紹介します。この関数は、undefined や null を自動的に無視して計算を行います。

quickSum関数の実装例

以下が完全なコードです。

const arr = [23, 566, null, 90, -32, undefined, 32, -69, 88, null];
const quickSum = (arr) => {
    const sum = arr.reduce((acc, val) => {
        return acc + (val || 0);
    }, 0);
    return sum;
};
console.log(quickSum(arr));

コードのポイント

この実装で重要なのは (val || 0) の部分です。論理OR演算子（||）を使うことで、val が undefined や null といったfalsy（偽と評価される）な値の場合に 0 へと置き換えられます。その結果、合計の計算に悪影響を与えることなく処理を進められます。

また、reduce() の第二引数に初期値 0 を渡している点もポイントです。空の配列が渡された場合でもエラーにならず、安全に 0 を返すことができます。

実行結果

コンソールには以下の出力が表示されます。

698