去除数组重复项的方法

在前端开发中，处理数组去除重复项是一项基础技能。本文将介绍几种常见的方法，包括 ES6 新特性、利用 Set 数据结构和基础算法。

利用 ES6 新特性去重

ES6 新增了 Set 数据结构，可以用它去除数组中的重复项。

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

这段代码将数组转为 Set 类型，然后使用扩展运算符（...）将 Set 转换为数组。由于 Set 不允许存在重复项，所以这种方法可以很方便地去除数组中的重复项。

利用 Set 数据结构去重

除了使用 Set 类型，我们还可以用 JavaScript 中的 Set 对象去掉数组中的重复项。

const arr = [1, 2, 2, 3, 3, 4, 5];
const set = new Set(arr);
const dedupedArr = Array.from(set);
console.log(dedupedArr); // [1, 2, 3, 4, 5]

Set 对象和 Set 类型很类似，都是不允许存在重复项的数据结构。使用 Set 对象的好处是可以方便地添加、删除和检查集合中的数据。

利用基础算法去重

如果不想依赖 ES6 新特性或集合类，可以使用基础算法去重。其中，最简单的算法是双重循环。

// javascriptcn.com 代码示例
const arr = [1, 2, 2, 3, 3, 4, 5];
const dedupedArr = [];
for (let i = 0; i < arr.length; i++) {
  let isExisting = false;
  for (let j = 0; j < dedupedArr.length; j++) {
    if (arr[i] === dedupedArr[j]) {
      isExisting = true;
      break;
    }
  }
  if (!isExisting) {
    dedupedArr.push(arr[i]);
  }
}
console.log(dedupedArr); // [1, 2, 3, 4, 5]

这段代码使用了两个嵌套的循环，将数组中的每个元素与输出数组中的每个元素进行比较，如果没有重复项就添加到输出数组中。

总结

这篇文章介绍了去除数组中重复项的三种方法：利用 ES6 新特性、利用 Set 数据结构以及基础算法。其中，ES6 新特性和 Set 类型是封装好的去重方法，而基础算法虽然比较繁琐，但是我们也需要理解其实现原理。选择何种方法去除数组中的重复项，取决于具体情况和个人喜好。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6536803a7d4982a6ebe93f71