js数组怎么去掉重复

使用JavaScript去掉数组重复元素的方法有多种：Set、filter和indexOf、reduce方法。其中，Set方法是最常用且简单的一种。我们将详细解释Set方法的实现，并探讨其他方法的优缺点。

一、SET方法

什么是Set？

Set 是一种新的 JavaScript 数据结构，它类似于数组，但其中的元素都是唯一的。利用 Set 的这一特性，我们可以非常方便地去除数组中的重复元素。

使用Set去除数组重复元素

以下是一个简单的例子，展示如何利用 Set 去除数组中的重复元素：

let array = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
let uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

优点

简洁：代码简洁明了，一行代码即可完成操作。
性能优越：对于大多数情况，Set 的性能表现都非常出色。

缺点

浏览器兼容性：Set 是ES6引入的，在一些老旧浏览器中可能不兼容。

二、FILTER和INDEXOF方法

使用filter和indexOf去除数组重复元素

filter 和 indexOf 方法结合也可以实现去除数组重复元素：

let array = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
let uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

优点

易读性高：使用 filter 和 indexOf 的方法比较直观，容易理解。

缺点

性能问题：对于大型数组，性能相对较差，因为 indexOf 每次都会遍历数组。

三、REDUCE方法

使用reduce去除数组重复元素

reduce 方法也是一个强大的工具，利用它我们也可以去除数组中的重复元素：

let array = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
let uniqueArray = array.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

优点

功能强大：reduce 方法不仅可以去除重复元素，还可以做很多其他的操作，灵活性高。

缺点

复杂度高：相对其他方法，代码更复杂，不易读。

四、MAP方法

使用Map去除数组重复元素

Map 方法是另一种可以用于去除数组重复元素的高级方法：

let array = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
let map = new Map();
array.forEach(item => map.set(item, item));
let uniqueArray = [...map.values()];
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

优点

性能较优：对于一些特定情况，Map 的性能表现可能优于 filter 和 indexOf。

缺点

复杂度高：代码相对较复杂，不如 Set 方法简洁。

五、FOR循环方法

使用for循环去除数组重复元素

尽管不如其他方法简洁，但使用 for 循环也是一种传统且有效的去重方法：

let array = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
let uniqueArray = [];
for (let i = 0; i < array.length; i++) {
  if (uniqueArray.indexOf(array[i]) === -1) {
    uniqueArray.push(array[i]);
  }
}
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

优点

兼容性高：所有浏览器都支持 for 循环，兼容性无忧。

缺点

代码冗长：代码相比其他方法较冗长，不够简洁。

六、性能比较

不同方法在性能上的表现有所不同，具体取决于数组的大小和具体应用场景。以下是一些基本的性能比较：

小数组：Set 和 filter + indexOf 表现差别不大。
大数组：Set 和 Map 表现优于 filter + indexOf 和 for 循环。
灵活性：reduce 方法最为灵活，但性能略差。

七、总结

在实际开发中，选择哪种方法去除数组重复元素，取决于具体的应用场景和需求：

简单且性能要求不高的场景：Set 是最优选择，代码简洁且性能优越。
需要兼容老旧浏览器的场景：可以考虑使用 filter + indexOf 或 for 循环。
需要高灵活性的场景：reduce 方法可以提供更高的灵活性。

无论选择哪种方法，理解其优缺点和适用场景，才能在实际开发中做出最佳的选择。推荐使用的项目管理系统如：研发项目管理系统PingCode 和 通用项目协作软件Worktile，可以帮助团队高效协作，提升开发效率。