js数组 去掉重复

在JavaScript中，数组去重有多种方法，以下是一些常见的方式及其优势、应用场景：

一、使用Set（ES6引入）

1. 基础概念
   • Set是一种新的数据结构，它类似于数组，但是成员的值都是唯一的。可以利用这个特性来对数组去重。

• 示例代码
• 示例代码
• 优势
  • 简洁高效，代码量少。它是基于JavaScript内置的数据结构，不需要手动编写复杂的循环逻辑。
  • 时间复杂度相对较低，在大多数情况下性能较好。
• 应用场景
  • 适用于简单的数值或者基本数据类型（如字符串）的数组去重。例如，在处理用户输入的一组数字或者一组标签名称时去重。

二、使用filter和indexOf方法

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

• 示例代码
• 示例代码
• 优势
  • 兼容性好，适用于不支持ES6的环境。
  • 对于理解数组的操作逻辑有一定的教学意义。
• 应用场景
  • 当需要在旧版本的JavaScript环境中对数组去重时可以使用这种方法。也适用于对对象数组按照某个特定属性去重（需要稍微调整逻辑）。

三、使用对象键值对（适用于特定情况）

1. 基础概念
   • 利用对象的键名唯一的特点，将数组元素作为对象的键名，然后提取出对象的键名组成新的数组。

• 示例代码
• 示例代码
• 优势
  • 在处理一些简单的数值去重时效率较高。
• 应用场景
  • 主要用于处理数值类型的数组去重，尤其是在对性能要求较高且数据类型单一的情况下。