js去掉数组重复值

在JavaScript中，去掉数组中的重复值有多种方法，以下是一些常见的方式：

一、使用Set

1. 基础概念
   • Set是ES6中引入的一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。

• 示例代码
• 示例代码
• 优势
  • 简洁高效，代码量少，不需要编写复杂的循环逻辑。
  • 内置的数据结构保证了元素的唯一性，减少了出错的可能性。
• 应用场景
  • 当处理简单的数值或者基本数据类型（如字符串）数组去重时非常方便。

二、使用filter和indexOf方法

1. 基础概念
   • filter方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。indexOf方法返回在数组中可以找到给定元素的第一个索引，如果不存在，则返回 -1。

• 示例代码
• 示例代码
• 优势
  • 兼容性好，在不支持ES6的环境下也能使用。
• 应用场景
  • 对于需要对数组元素进行更多自定义判断去重的情况，例如根据对象的某个属性去重时，可以对这个基本方法进行扩展。

三、使用reduce方法

1. 基础概念
   • reduce方法对数组中的每个元素执行一个提供的reducer函数（升序执行），将其结果汇总为单个返回值。

• 示例代码
• 示例代码
• 优势
  • 灵活性高，可以在去重的同时进行其他操作，如数据转换等。
• 应用场景
  • 当需要在去重过程中结合其他数据处理逻辑时比较适用。