欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 文化 > 在JS中使用Set集合去重的方法

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

2024/11/30 10:55:57 来源:https://blog.csdn.net/ggq53219/article/details/140446193  浏览:    关键词:在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 和其他数组方法(如 filtermap)。

基于对象数组中某个属性的去重
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' }]

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

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com