如何使用 JavaScript 过滤掉数组中的非唯一值？

有时候我们需要对一个数组进行去重操作，即过滤掉其中非唯一的元素。在 JavaScript 中，我们可以使用不同的方法来实现这个需求。在本文中，我们将介绍其中两个方法。

方法一：使用 Set 数据结构

Set 是一种新的数据结构，它类似于数组，但是其中的元素是唯一的。我们可以利用 Set 来对数组中的元素进行去重操作。

let arr = [1, 2, 2, 3, 3, 4];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4]

在上面的代码中，我们首先定义了一个数组 arr，其中包含了一些非唯一的元素。然后，我们使用 Set 数据结构对这些元素进行去重操作，得到了一个新的数组 uniqueArr。

方法二：使用 filter 方法

另一种方法是使用数组的 filter 方法，利用其中的回调函数来判断元素是否唯一。具体的实现思路如下：

1. 我们定义一个辅助的 Set 数据结构，用来记录已经出现过的元素。
2. 然后，我们遍历整个数组，对于每个元素，如果它已经在 Set 中存在，说明它不是唯一的，我们在 filter 中将它过滤掉；否则，我们将它添加到 Set 中。

let arr = [1, 2, 2, 3, 3, 4];
let uniqueArr = arr.filter((item, index, arr) => arr.indexOf(item) === index); 
console.log(uniqueArr); // [1, 2, 3, 4]

在上面的代码中，我们使用 filter 方法来对数组进行遍历和过滤操作。其中的回调函数利用了 indexOf 方法来判断元素是否唯一。

总结

在本文中，我们介绍了两种方法来过滤掉数组中的非唯一值，即利用 Set 数据结构和数组的 filter 方法。它们的实现思路有所不同，但是最终的结果都是一样的。在具体的使用中，我们可以根据自己的需求来选择使用其中的任意一种方法。