【JavaScript】各サブ配列の要素間の差を計算して合計を返す方法

問題の概要

今回は、2つの要素を持つサブ配列からなるネストされた配列を受け取り、各サブ配列の「最初の要素」と「2番目の要素」の差を個別に計算し、それらの差の合計値を返すJavaScript関数を作成します。

このような処理は、データセット内の増減額を集計したり、複数のペアごとの変化量を一括で求めたりする場面で役立ちます。

入力例と期待される出力

たとえば、入力配列が以下のようになっているとします。

const arr = [
    [5, 3],
    [9, 4],
    [3, 7],
    [4, 6]
];

この場合、各サブ配列の差は次のように計算されます。

• [5, 3] → 5 − 3 = 2
• [9, 4] → 9 − 4 = 5
• [3, 7] → 3 − 7 = -4
• [4, 6] → 4 − 6 = -2

これらの合計は「2 + 5 + (-4) + (-2) = 1」となるため、関数の出力は 1 になります。

実装コード（forループを使う方法）

まずは基本的なforループを使った実装です。分割代入を使うことで、サブ配列の各要素を簡潔に取り出せます。

const arr = [
    [5, 3],
    [9, 4],
    [3, 7],
    [4, 6]
];

const subtractAndAdd = (arr = []) => {
    let res = 0;
    for (let i = 0; i < arr.length; i++) {
        const [el1, el2] = arr[i];
        res += (el1 - el2);
    }
    return res;
};

console.log(subtractAndAdd(arr));

出力結果

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

1

別解：reduce() を使ったより簡潔な書き方

配列メソッドの reduce() を使えば、同じ処理をさらに短く書くこともできます。

const subtractAndAdd = (arr = []) =>
    arr.reduce((sum, [el1, el2]) => sum + (el1 - el2), 0);

console.log(subtractAndAdd(arr)); // 1

初期値として 0 を渡し、各サブ配列の差を累積していくだけなので、コードの意図がひと目でわかりやすくなります。

まとめ

• 各サブ配列から2つの要素を取り出し、その差を順番に加算していけばよい
• forループでも reduce() でも同じ結果が得られるが、reduce() の方が簡潔に書ける
• 差が負になる場合は合計から減算される点に注意する