如何从 JavaScript 中的数组中删除重复元素？

在 JavaScript 中，有几种方法可以从数组中删除重复的元素。以下是几种常用的方法：

1. 使用 Set

可以使用 Set 数据结构来删除数组中的重复元素，因为 Set 实例只存储唯一的值。

const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

上述代码使用 [...new Set(array)] 将 Set 实例转换回数组。

2. 使用 filter

使用 Array 的 filter 方法可以创建一个新的数组，其中仅包含满足特定条件的元素。

const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]

上述代码使用 filter 方法结合 indexOf 方法来查找数组中唯一的元素。

3. 使用 reduce

使用 Array 的 reduce 方法可以迭代数组元素，并将它们收敛成一个值。

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

上述代码使用 reduce 方法和 includes 方法来构建一个新的数组，只包含唯一的元素。

4. 使用 indexOf 和 for 循环

使用 for 循环和 indexOf 方法可以手动遍历数组并删除重复元素。

const array = [1, 2, 3, 3, 4, 5, 5];
const 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]

上述代码使用 for 循环和 indexOf 方法来遍历数组并构建一个新的数组，只包含唯一的元素。

以上是几种常用的方法来从 JavaScript 中的数组中删除重复的元素。根据需求选择适合的方法，使代码更简洁和高效。