JavaScriptで重複を削除する方法

1. 配列から重複を削除する方法

const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = Array.from(new Set(array));
console.log(uniqueArray); // [1, 2, 3, 4, 5]

上記のコードでは、Setオブジェクトを使用して重複を削除しています。Array.fromメソッドを使用することで、Setオブジェクトから新しい配列を作成しています。

2. オブジェクトの配列から重複を削除する方法

const objArray = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 1, name: 'John' },
  { id: 3, name: 'Bob' },
];
const uniqueObjArray = objArray.filter(
  (obj, index, self) =>
    index ===
    self.findIndex((t) => t.id === obj.id && t.name === obj.name)
);
console.log(uniqueObjArray);
// [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Bob' }]

上記のコードでは、filterメソッドを使用して重複を削除しています。findIndexメソッドを使用して、配列内の各オブジェクトを比較し、重複しているかどうかを判定しています。

これらはJavaScriptで重複を削除するための基本的な方法ですが、他にもさまざまなアプローチがあります。具体的な要件に応じて、これらの例をカスタマイズすることもできます。