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

2年 ago
芽依, 雨夜
1 minute

ES6では、SetとArray.from()メソッドを使用して配列オブジェクトから重複を削除できます。

重複を削除する方法1: Setを使用する

let arr = [{id: 1},{id: 2},{id: 1}];
let uniqueArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse);
console.log(uniqueArr); // [{id: 1},{id: 2}]

方法2: filter()メソッドを使用して重複を削除する

let arr = [{id: 1},{id: 2},{id: 1}];
let uniqueArr = arr.filter((item, index, self) =>
index === self.findIndex((t) => (
t.id === item.id
))
);
console.log(uniqueArr); // [{id: 1},{id: 2}]
bannerAds