es6のオブジェクト配列の重複削除方法は何ですか？

2年 ago
優斗, 朝陽
1 minute

ES6では、オブジェクトの配列を重複なしに処理するための簡潔な方法が提供されています。具体的には、Setデータ構造を使用する方法です。

以下に具体的な手順を示します：

  1. 新しいSetオブジェクトを定義し、重複のない順序付きリストです。
  2. Setの構築関数に元の配列を渡すことで、配列内の重複アイテムが自動的に取り除かれます。
  3. Setオブジェクトを配列に変換するには、Array.from()メソッドまたはスプレッド演算子(…)を使用できます。以下はサンプルコードです：
const arr = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 1, name: 'John' },
  { id: 3, name: 'Bob' }
];

const uniqueArr = Array.from(new Set(arr));

console.log(uniqueArr);
// Output: [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Bob' }]

上記の方法を使用すると、オブジェクト配列をすばやく非重複にできます。

bannerAds