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