有三种方法对数组去重,返回唯一值。我喜欢用 Set,因为它快又简单。
1.Set
首先介绍什么是 Set
Setis a new data object introduced in ES6. Because Set only lets you store unique values. When you pass in an array, it will remove any duplicate values.
Set 是 ES6 引入新的数据对象。因为 Set 只允许存储唯一值。传入一个数组,返回任何重复的值。
让我们回到代码中,并分解发生了什么。分为2步:
- 首先,通过传入一个数组创建一个新的
Set,因为Set只允许唯一值,所有重复的值都会被移除掉。 - 现在重复值的消失了,我们通过解构符号
...将它转换成一个数组。
用 Array.from 将 Set 转换为一个数组
另外,您同样可以使用 Array.from 将一个 Set 转换为一个数组:
2: 使用 Filer
为了理解这个选项,让我们了解两个方法:indexOf 和 filter。
indexOf
indexOf 方法返回给出数组中找到的第一个元素的索引。
filter
filter() 方法创建一个新的数组元素,传递我们提供的条件。换句话说,如果元素通过并返回true,它将被包含在过滤后的数组中。以及任何失败或返回false的元素,它将不在筛选的数组中。
当我们循环数组时,让我们y一步一步执行并遍历所发生的。
下面是显示控制台的输出。重复项是索引与indexOf不匹配的地方。因此,在这些情况下,条件将为false,并且不会包括在我们的筛选数组中。
检索重复值
我们还可以使用Filter方法从数组中检索重复值。我们可以通过简单地调整我们的条件来做到这一点:
接着,跳出以上代码,看看输出的结果。
3: 使用 Reduce
Reduce方法用于对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。 在这个案例中,我们的缩减函数是检查我们的最终数组是否包含该项。如果没有,就把它推到我们的最终数组中。否则,跳过该元素并按原样返回最终数组(实际上跳过了该元素)。 Reduce 比较难理解,所以让我们也来看看每种情况下的输出:
下面是来自 console.log 的输出结果