如何在JavaScript中仅推送数组中的唯一值

有时候在编写JavaScript代码时，我们需要从数组中获取唯一的值。在这篇文章中，我们将会介绍如何在JavaScript中仅推送数组中的唯一值。

方法一：使用Set对象

在ES6中，JavaScript引入了Set对象，它是一种类似于数组的数据结构，但是它的值是唯一的。我们可以先将数组转换成Set对象，然后将Set转换为数组来获取唯一值。

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

上述代码中，我们使用了展开运算符(...)将Set对象转换为数组。

方法二：使用filter和indexOf

在ES5中，我们可以使用filter和indexOf方法来获取数组中的唯一值。

const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqueArr = arr.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

上述代码中，我们使用filter方法来筛选数组中的唯一值。我们使用了indexOf方法来获取每一个元素在数组中的位置，如果位置和当前索引相等，说明当前元素是唯一的。

方法三：使用reduce

我们还可以使用reduce方法来获取唯一值。reduce方法接收一个函数作为参数，该函数可以操作数组中的每个元素。在该函数中，我们可以使用一个空数组来储存唯一的值。当该元素不在该数组中时，我们将它加入该数组。

const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqueArr = arr.reduce((prev, cur) => {
    if (!prev.includes(cur)) {
        prev.push(cur);
    }
    return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

上述代码中，我们使用了reduce方法来获取唯一的值。我们使用了一个空数组来储存唯一的值。当该元素不在该数组中时，我们将它加入该数组。

结论

有多种方法可以获取JavaScript中数组的唯一值。以上我们介绍了一些最受欢迎的技术，你可以根据你的需求选择其中的一种。总之，始终记住，JavaScript提供了许多有用的功能来处理数据。