es6の配列オブジェクトを使用して、属性値に基づいて重複を削除する方法は何ですか？

1年 ago
芽依, 雨夜
1 minute

Setデータ構造とArray.from()メソッドを使用すると、ES6の配列オブジェクトを属性値に基づいて簡単に重複排除することができます。

ES6の配列オブジェクトがあると仮定し、それぞれの要素がオブジェクトであり、そのオブジェクト内に重複を削除するための属性値がある場合、以下の手順で操作できます：

  1. Array.map()メソッドを使用して、重複を除去する必要がある値だけを含む新しい配列を作成します。
  2. Setデータ構造を使用して重複を削除する操作を行います。Setは重複したプロパティ値を自動的に取り除きます。
  3. Array.from() メソッドを使用して Set を新しい配列に変換することができます。

以下はサンプルコードです。

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Alice' },
  { id: 4, name: 'David' },
  { id: 5, name: 'Bob' }
];

const uniqueArr = Array.from(new Set(arr.map(item => item.name)));

console.log(uniqueArr);

上記のコードを実行すると、結果は[‘Alice’, ‘Bob’, ‘David’]です。この新しい配列には、重複を取り除いた属性値のみが含まれています。

bannerAds