javascript对字符串数组去重

在 JavaScript 中，你可以使用多种方法对字符串数组进行去重操作。以下是几种常见的去重方法：

方法 1：使用 Set

Set 是 JavaScript 中的一种数据结构，它只允许唯一值。你可以利用 Set 的这个特性来对数组进行去重。

const array = ["apple", "banana", "apple", "orange", "banana", "grape"];
const uniqueArray = [...new Set(array)];

console.log(uniqueArray); 
// 输出: ["apple", "banana", "orange", "grape"]

方法 2：使用 filter 和 indexOf

你也可以使用 Array.prototype.filter 配合 indexOf 方法来去重：

const array = ["apple", "banana", "apple", "orange", "banana", "grape"];
const uniqueArray = array.filter((item, index) => {
  return array.indexOf(item) === index;
});

console.log(uniqueArray); 
// 输出: ["apple", "banana", "orange", "grape"]

方法 3：使用 reduce 和 includes

你可以使用 Array.prototype.reduce 来迭代数组，并通过 includes 方法检查是否已存在该元素：

const array = ["apple", "banana", "apple", "orange", "banana", "grape"];
const uniqueArray = array.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);

console.log(uniqueArray); 
// 输出: ["apple", "banana", "orange", "grape"]

方法 4：使用 forEach 和 Map

你可以利用 Map 数据结构来跟踪出现过的元素，结合 forEach 实现去重。

const array = ["apple", "banana", "apple", "orange", "banana", "grape"];
const map = new Map();

array.forEach(item => {
  if (!map.has(item)) {
    map.set(item, true);
  }
});

const uniqueArray = [...map.keys()];

console.log(uniqueArray); 
// 输出: ["apple", "banana", "orange", "grape"]

总结

• Set: 最简单直接，适合大多数场景。
• filter + indexOf: 直观，但性能较低（时间复杂度为 O(n^2)）。
• reduce + includes: 避免了嵌套循环，但 includes 的性能可能在大数组中表现较差。
• Map: 使用 Map 可以更高效地处理去重，特别是当处理大量数据时。

选择哪种方法取决于你的具体场景和数组的大小。通常，使用 Set 是最简单和高效的选择。