JavaScriptで配列内の重複オブジェクトを削除する方法

例えば、次のようなオブジェクトの配列があったとします。

const arr = [
    {"title": "Assistant"},
    {"month": "July"},
    {"event": "Holiday"},
    {"title": "Assistant"}
];

ここで求められているのは、このような配列を引数として受け取り、元の配列に含まれるすべてのオブジェクトのうち、重複しているものを除外した新しい配列を返すJavaScript関数を作成することです。

実装例

この処理を実現するコードは以下のようになります。

const arr = [
    {"title": "Assistant"},
    {"month": "July"},
    {"event": "Holiday"},
    {"title": "Assistant"}
];
const removeDuplicate = arr => {
    const map = {};
    for(let i = 0; i < arr.length; ){
        const str = JSON.stringify(arr[i]);
        if(map.hasOwnProperty(str)){
            arr.splice(i, 1);
            continue;
        };
        map[str] = true;
        i++;
    };
};
removeDuplicate(arr);
console.log(arr);

出力結果

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

[ { title: 'Assistant' }, { month: 'July' }, { event: 'Holiday' } ]

コードの解説

このアプローチでは、まず各オブジェクトをJSON.stringify()で文字列化し、それをキーとして連想配列（プレーンオブジェクト）に記録していきます。同じ文字列がすでに登録されている場合は重複とみなし、splice()メソッドでその要素を配列から削除します。

ポイントはループのカウンタ変数iの扱いです。要素を削除した際にはiを増やさずに次の反復へ進むことで、削除によって前に詰められた要素を見逃さないようにしています。

また、オブジェクトは参照型であるため、===による単純な比較では中身が同じでも別のオブジェクトとして判定されてしまいます。JSON.stringify()で文字列に変換してから比較することで、プロパティの構成と値が完全に一致するオブジェクト同士を正しく重複として検出できるのです。