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

配列から重複するオブジェクトを取り除き、新しい配列を返す関数を作成する方法を解説します。ここで「重複」とは、2つのオブジェクトが同じ数のキーを持ち、同じキー名を含み、かつ各キーの値も完全に一致している場合を指します。

それでは、実際にコードを書いてみましょう。

このアプローチでは、JSON.stringify() で文字列化したオブジェクトをキーとしてマップ（連想配列）に格納します。すでに存在するキーが見つかった場合はそのオブジェクトをスキップし、初めて見るキーであれば新しい配列に追加していきます。

サンプルコード

const arr = [
  {
    "timestamp": 564328370007,
    "message": "It will rain today"
  },
  {
    "timestamp": 164328302520,
    "message": "will it rain today"
  },
  {
    "timestamp": 564328370007,
    "message": "It will rain today"
  },
  {
    "timestamp": 564328370007,
    "message": "It will rain today"
  }
];

const map = {};
const newArray = [];
arr.forEach(el => {
  if (!map[JSON.stringify(el)]) {
    map[JSON.stringify(el)] = true;
    newArray.push(el);
  }
});
console.log(newArray);

出力結果

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

[
  { timestamp: 564328370007, message: 'It will rain today' },
  { timestamp: 164328302520, message: 'will it rain today' }
]

補足：実装時の注意点

この方法はシンプルで高速ですが、JSON.stringify() はオブジェクトのキーを記述された順序どおりに文字列化するため、キーの並び順が異なる同じ内容のオブジェクトは「別物」と判定される点に注意が必要です。キーの順序を正規化したい場合は、事前に Object.keys() でキーをソートしてから文字列化するなどの工夫を行いましょう。

また、配列やネストされたオブジェクトが含まれる場合でも JSON.stringify() は機能しますが、undefined や関数、Symbol などの値は文字列化の際に失われるため、そうした値を含むデータには別の比較方法を検討してください。