如何从JavaScript数组中删除重复项

给定一个数组,如何删除其中的重复值?

假设您有一个包含一系列原始值(例如数字或字符串)的数组。

这些元素中有一些是重复的。

像这个例子一样:

const list = [1, 2, 3, 4, 4, 3]

我们可以通过这种方式生成一个包含相同值但没有重复值的新数组:

const uniqueList = [...new Set(list)]

uniqueList现在将是一个具有值的新数组[1, 2, 3, 4]在里面。

这是如何运作的?

Set是一种新的数据结构,于2015年在ES6中引入,其主要特征是成为无法在同一集合中重复的数据的容器。在这里查看我的完整指南

通过使用解构数组初始化Set(请参见...运算符之前new Set()),我们传递值,然后Set会自动删除重复项。然后,通过将其包装在方括号中,将其转换为数组[]

此方法适用于所有非对象:数字弦乐,布尔值,符号

免费下载我的JavaScript初学者手册


更多js教程: