JavaScriptでオブジェクト配列から重複を削除する最適な方法（Set活用）

JavaScriptでオブジェクトの配列を扱っていると、同じ値を持つ要素が重複して含まれるケースによく遭遇します。本記事では、Set の概念を活用して、オブジェクト配列から重複を効率的に取り除く方法を解説します。

重複を含むオブジェクト配列の例

まず、次のような重複データを含むオブジェクト配列を用意します。

var studentDetails = [
    { studentId: 101 },
    { studentId: 104 },
    { studentId: 106 },
    { studentId: 104 },
    { studentId: 110 },
    { studentId: 106 },
]

この配列には studentId: 104 と studentId: 106 がそれぞれ2回登場しています。ここから重複を排除し、一意な要素だけを持つ新しい配列を作成しましょう。

Setを使った重複削除の実装方法

Setは「同じ値を1つしか保持できない」という特性を持つため、重複チェックに最適です。以下の手順で処理を行います。

1. これまで確認した studentId を記録するためのSetを生成する
2. 配列の各オブジェクトを順番に走査する
3. その studentId がSetに存在しない場合のみ、Setに追加しつつ結果配列へpushする

実際のコードは次の通りです。

サンプルコード

var studentDetails = [
    { studentId: 101 },
    { studentId: 104 },
    { studentId: 106 },
    { studentId: 104 },
    { studentId: 110 },
    { studentId: 106 },
]

// 既出のstudentIdを記録するSet
const distinctValues = new Set();

// 重複なしの結果を格納する配列
const withoutDuplicate = [];

for (const tempObj of studentDetails) {
    if (!distinctValues.has(tempObj.studentId)) {
        distinctValues.add(tempObj.studentId);
        withoutDuplicate.push(tempObj);
    }
}

console.log(withoutDuplicate);

distinctValues.has() による存在確認により、すでに処理済みのIDを持つオブジェクトは自動的にスキップされます。

プログラムの実行方法

Node.js環境で上記のプログラムを実行するには、以下のコマンドを使用します。

node fileName.js

実行結果

ここではファイル名を demo158.js として保存しています。実行すると、次の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo158.js
[
    { studentId: 101 },
    { studentId: 104 },
    { studentId: 106 },
    { studentId: 110 }
]

ご覧の通り、重複していた 104 と 106 がそれぞれ1件だけ残り、一意な4件のオブジェクトだけが出力されました。

この手法のポイント

• 計算量： Setの has() メソッドは高速な検索を提供するため、大規模な配列でもパフォーマンスよく動作します。
• 元の配列を保持： 元の studentDetails 配列は変更されず、結果は新しい配列に格納されます。
• 柔軟性： 比較対象のプロパティを変えれば、studentId 以外のキーでも同様に重複削除が可能です。

オブジェクトそのものではなく特定のプロパティを基準に重複を判断したい場合、このSetを使ったアプローチが最もシンプルかつ確実な解決策となります。ぜひ実際の開発で活用してみてください。