JavaScript ES6を使用して配列から重複するオブジェクトを削除する方法

2024-02-10 02:36 JavaScript ES6 配列

まず、次のような配列があるとします。

const array = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'John' },
  { id: 4, name: 'Jane' },
  { id: 5, name: 'Jim' }
];

この配列から重複するオブジェクトを削除するには、次の手順を実行します。

  1. Setオブジェクトを使用して一意のオブジェクトを抽出します。
const uniqueArray = [...new Set(array.map(JSON.stringify))].map(JSON.parse);

このコードでは、まずarray.map(JSON.stringify)を使用してオブジェクトを文字列に変換し、重複を排除できるようにします。次に、Setオブジェクトを使用して一意の文字列を抽出し、重複を削除します。最後に、map(JSON.parse)を使用して文字列をオブジェクトに戻します。

  1. ユニークな配列をコンソールに出力します。
console.log(uniqueArray);

これにより、重複するオブジェクトが削除されたユニークな配列がコンソールに表示されます。

以上がJavaScript ES6を使用して配列から重複するオブジェクトを削除する方法です。この方法を使うことで、短くて効率的なコードで重複を排除できます。