在JS中使用Set集合去重的方法

在JavaScript中，Set 是一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。因此，Set 经常被用来进行数组去重。以下是使用 Set 集合去重的基本方法：

1. 数组转Set自动去重，再转回数组

如果你有一个数组，并且想要去除其中的重复项，可以先将这个数组转换成 Set（因为 Set 自动去除重复项），然后再将 Set 转换回数组。

let arr = [1, 2, 2, 3, 4, 4, 5];  
let uniqueArr = [...new Set(arr)]; // 使用扩展运算符将Set转回数组  
  
console.log(uniqueArr); // 输出: [1, 2, 3, 4, 5]

2. 过滤数组中的重复项

虽然直接使用 Set 转换是去除数组重复项的最简单方法，但如果你想要更复杂的去重逻辑（比如基于对象的某个属性去重），你可能需要结合使用 Set 和其他数组方法（如 filter 或 map）。

基于对象数组中某个属性的去重

let people = [  
  { id: 1, name: 'Alice' },  
  { id: 2, name: 'Bob' },  
  { id: 1, name: 'Alice' } // 重复项  
];  
  
let uniquePeople = [...new Set(people.map(person => person.id))].map(id => {  
  return people.find(person => person.id === id);  
});  
  
// 注意：这种方法在数组很大或包含复杂对象时可能不是最高效的  
// 因为它首先通过map和Set去除了id的重复项，然后对每个id使用find来找到原始对象  
  
console.log(uniquePeople); // 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]  
  
// 或者使用filter和findIndex  
let uniquePeopleV2 = people.filter((person, index, self) =>  
  index === self.findIndex((t) => (  
    t.id === person.id  
  ))  
);  
  
console.log(uniquePeopleV2); // 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

第二种方法（使用 filter 和 findIndex）没有直接使用 Set，但同样可以实现去重的目的，而且它在处理基于对象属性去重时更加直观和高效。

总的来说，Set 是JavaScript中处理数组去重的一个非常有用的工具，但具体使用时还需根据实际需求选择合适的方法。