JavaScriptで隣接する要素同士の合計からなる配列を作成する方法

本記事では、数値の配列を受け取り、元の配列から隣り合う2つの要素をペアごとに合計した値を持つ新しい配列を返すJavaScript関数の実装方法を解説します。

例えば、次のような入力配列が与えられた場合を考えてみましょう。

const arr1 = [1, 1, 2, 7, 4, 5, 6, 7, 8, 9];

この場合、期待される出力は以下のとおりです。

const output = [2, 9, 9, 13, 17];

つまり、(1 + 1)、(2 + 7)、(4 + 5)、(6 + 7)、(8 + 9) というように、隣接する要素同士を先頭から順にペアとして合計した結果が得られます。

実装例

この処理を実現するコードは以下のとおりです。

const arr1 = [1, 1, 2, 7, 4, 5, 6, 7, 8, 9];

const consecutiveSum = arr => {
    const res = [];
    for(let i = 0; i < arr.length; i += 2){
        res.push(arr[i] + (arr[i+1] || 0));
    }
    return res;
};

console.log(consecutiveSum(arr1));

出力結果

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

[ 2, 9, 9, 13, 17 ]

コードの仕組み

この関数のロジックを分解して見ていきましょう。

• 2つずつのループ処理： ループ変数 i を i += 2 で増加させることで、配列の要素を「1番目と2番目」「3番目と4番目」というように2個ずつのペアとして扱います。
• 合計の計算： arr[i] + (arr[i+1] || 0) によって、現在の要素とその次の要素を加算します。|| 0 を付けているのは、配列の長さが奇数の場合に最後の要素がペアを持たなくなるためです。その際 arr[i+1] は undefined になりますが、0 が代わりに使われることでエラーを防げます。
• 結果の格納： 計算した合計は push() メソッドで結果用の配列 res に追加され、ループ完了後にその配列が呼び出し元へ返されます。

別のアプローチ：Array.fromを使った方法

より宣言的なスタイルで書きたい場合は、Array.from() を活用する方法もあります。

const consecutiveSum = arr => {
    return Array.from(
        { length: Math.ceil(arr.length / 2) },
        (_, i) => arr[2 * i] + (arr[2 * i + 1] ?? 0)
    );
};

console.log(consecutiveSum(arr1)); // [ 2, 9, 9, 13, 17 ]

この方法では、結果の要素数（配列の長さを2で割って切り上げた値）だけ新しい配列を生成し、各インデックスに対応するペアの合計を直接計算しています。また、??（Nullish合体演算子）を使うことで、undefined や null の場合のみ 0 に置き換えるという、より厳密なフォールバック処理が可能です。