JavaScriptで各要素と直前の要素の平均を計算する方法

数値の配列が与えられたとき、各要素とその直前の要素（先行する要素）の平均値を格納した新しい配列を返す関数を作成することを考えてみましょう。

ただし、最初の要素には先行する要素が存在しないため、その場合は要素自体をそのまま返すものとします。

解決のアプローチ

この問題は Array.prototype.map() メソッドを使うことで、簡潔かつ読みやすく解決できます。map() は元の配列の各要素を順番に処理し、コールバック関数が返した値から新しい配列を生成してくれるため、このような「対応する位置ごとの変換」に最適です。

コード例

実際のコードは以下のようになります。

const arr = [3, 5, 7, 8, 3, 5, 7, 4, 2, 8, 4, 2, 1];
const consecutiveAverage = arr => {
    return arr.map((el, ind, array) => {
        const first = (array[ind-1] || 0);
        const second = (1 + !!ind);
        return ((el + first) / second);
    });
};
console.log(consecutiveAverage(arr));

出力結果

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

[
    3, 4, 6, 7.5, 5.5, 4,
    6, 5.5, 3, 5, 6, 3,
    1.5
]

コードの解説

このコードのポイントは、コールバック関数内の2つの変数にあります。

first：array[ind-1] || 0 によって、直前の要素を取得しています。インデックスが 0 の場合、array[-1] は undefined となるため、論理和演算子（||）によりデフォルト値の 0 が代入されます。

second：1 + !!ind は除算する要素の個数を表しています。!!ind はインデックスが 0 のとき false（つまり 0）に、それ以外では true（つまり 1）になります。したがって、最初の要素は 1 で割られるためそのままの値が返され、それ以外の要素は 2 で割られて直前の要素との平均が計算されます。

このように、条件分岐を書かずに論理演算の性質を利用することで、シンプルでエレガントな実装が可能になります。