在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中处理数组去重的一个非常有用的工具,但具体使用时还需根据实际需求选择合适的方法。