介绍
在前端开发过程中，我们经常会遇到需要从一个数组中获取所有唯一的值，并将重复的值删除的情况。这篇文章将介绍如何使用 JavaScript 来实现这个功能。
方法一：使用 Set 数据结构
ES6 中提供了 Set 数据结构，它是一种无序且不包含重复值的集合。我们可以通过将数组转换为 Set 来达到去重的目的，然后再将 Set 转换为数组即可获取到所有唯一的值。
const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5]
方法二：使用 filter 和 indexOf 方法
我们也可以使用 filter 和 indexOf 方法来实现去重。filter 方法会返回一个新的数组，它会根据某个条件过滤出符合条件的元素。而 indexOf 方法则返回指定元素在数组中第一次出现的位置索引，如果指定元素不存在，则返回 -1。
我们可以借助这两个方法的特性来实现去重：
const arr = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.filter((element, index, self) => {
return self.indexOf(element) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]方法三：使用 reduce 方法
我们还可以使用 reduce 方法来实现去重。reduce 方法接收一个回调函数作为参数，这个回调函数会遍历数组中的每个元素，并对它们进行某些操作后返回一个累加值。
我们可以在回调函数中使用一个新的数组和 includes 方法来判断当前元素是否已经存在于新数组中，如果不存在，则将它添加到新数组中。
-- -------------------- ---- -------
----- --- - --- -- -- -- -- -- -- ---
----- --------- - ------------------------ ------------- -- -
-- ------------------------------------- -
-------------------------------
-
------ ------------
-- ----
----------------------- -- --- -- -- -- --总结
以上介绍了三种常见的获取数组中所有唯一值的方法，它们分别是使用 Set 数据结构、filter 和 indexOf 方法以及 reduce 方法。在实际开发中，我们可以根据具体情况选择合适的方法来实现去重功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8036