JavaScriptでオブジェクト配列の各キーの合計値を計算する方法

例えば、複数のスポーツにおけるプレイヤーのスコアを格納した配列があるとします。スコアは次のようなオブジェクトの配列として表されます。

const scores = [
    {sport: 'cricket', aman: 54, vishal: 65, jay: 43, hardik: 88, karan:23},
    {sport: 'soccer', aman: 14, vishal: 75, jay: 41, hardik: 13, karan:73},
    {sport: 'hockey', aman: 43, vishal: 35, jay: 53, hardik: 43, karan:29},
    {sport: 'volleyball', aman: 76, vishal: 22, jay: 36, hardik: 24, karan:47},
    {sport: 'baseball', aman: 87, vishal: 57, jay: 48, hardik: 69, karan:37},
];

この配列を引数として受け取り、sport キーに「all」という値を持つ単一のオブジェクトを返す関数を作成する必要があります。その他の各プレイヤーのキーには、配列内の各オブジェクトに含まれる値の合計が格納されるようにします。

それでは、この関数のコードを書いていきましょう。

ここでは、Array.prototype.reduce() メソッドを使用して、全プレイヤーの各スポーツにおけるスコアの合計を集約します。コードは以下の通りです。

サンプルコード

const scores = [
    {sport: 'cricket', aman: 54, vishal: 65, jay: 43, hardik: 88, karan:23},
    {sport: 'soccer', aman: 14, vishal: 75, jay: 41, hardik: 13, karan:73},
    {sport: 'hockey', aman: 43, vishal: 35, jay: 53, hardik: 43, karan:29},
    {sport: 'volleyball', aman: 76, vishal: 22, jay: 36, hardik: 24, karan:47},
    {sport: 'baseball', aman: 87, vishal: 57, jay: 48, hardik: 69, karan:37},
];
const sumScores = (arr) => {
    return arr.reduce((acc, val) => {
        Object.keys(val).forEach(key => {
            if(key !== 'sport'){
                acc[key] += val[key];
            };
        });
        if(acc['sport'] !== 'all'){
            acc['sport'] = 'all';
        };
        return acc;
    });
};
console.log(sumScores(scores));

このコードでは、reduce() のコールバック関数内で Object.keys() を使って各オブジェクトのキーを走査し、「sport」キー以外の値を累積オブジェクトに加算しています。「sport」キーは集計対象外とし、代わりに「all」という固定値を設定することで、合計結果であることを明示しています。

実行結果

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

{
    sport: 'all',
    aman: 274,
    vishal: 254,
    jay: 221,
    hardik: 237,
    karan: 209
}

このように、reduce() メソッドを活用すれば、動的な構造を持つオブジェクト配列でも、キーごとの合計値をシンプルかつ効率的に集計できます。