JavaScriptでオブジェクトのプロパティ値が配列内に出現する回数を集計する方法

配列内のオブジェクトプロパティの値ごとの出現回数を調べたい場合、JavaScriptの reduce() メソッドを活用するのが効果的です。ここでは、reduce() と Map を組み合わせて、科目名（subjectName）ごとの出現回数を集計する方法を紹介します。

コード例

const subjectDetails =
[
    {
        subjectId: '101',
        subjectName: 'JavaScript'
    },
    {
        subjectId: '102',
        subjectName: 'Java'
    },
    {
        subjectId: '103',
        subjectName: 'JavaScript'
    }
];
console.log([...subjectDetails.reduce((obj1, obj2) => {
    if (obj1.has(obj2.subjectName)){
        obj1.get(obj2.subjectName).frequency++;
    } else {
        obj1.set(obj2.subjectName, { subjectName: obj2.subjectName,
        frequency: 1 });
    }
    return obj1;
}, new Map()).values()]);

プログラムの実行方法

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo144.js として保存しています。

出力結果

プログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo144.js
[
    { subjectName: 'JavaScript', frequency: 2 },
    { subjectName: 'Java', frequency: 1 }
]

コードの解説

このコードの仕組みは以下のとおりです。

1. reduce() の初期値として Map を作成
reduce() の第2引数に new Map() を渡すことで、集計結果を格納するための空の Map を初期値として設定しています。

2. 各オブジェクトを順に処理
配列の各要素について、その subjectName がすでに Map に登録されているかどうかを has() メソッドで判定します。

3. 出現回数の更新または新規登録
すでに存在する場合は get() で該当エントリを取得し、frequency を1つ増やします。存在しない場合は set() を使って、出現回数1の新しいエントリを登録します。

4. 結果を配列として出力
最後に values() で Map の値を取り出し、スプレッド構文 [...] によって配列に変換してコンソールに表示しています。

この手法を使えば、オブジェクト配列内の任意のプロパティ値について、簡単に出現回数を集計することができます。データの統計処理や重複チェックなど、さまざまな場面で応用できる便利なパターンです。