javascript数组去重常用方法实例分析

JavaScript数组去重常用方法实例分析

在 JavaScript 中，对于数组去重的方法有很多种，接下来我们分别介绍两种常用的方法，分别是“使用 Set 数据结构去除重复项”和“双重循环判断去除重复项”。

方法一：使用 Set 数据结构去除重复项

Set 数据结构是 ES6 中新增的一种数据类型，它类似于数组，但是成员的值都是唯一的，没有重复的值。我们可以借助它轻松实现数组去重。

示例代码如下：

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

上面的代码中，我们首先定义了一个数组 arr，它包含了一些重复的元素。然后我们使用了 ES6 中的 Set 数据结构将 arr 数组去重，最后将去重后的结果转换成数组并存储在一个新的变量 newArr 中，并使用 console.log 输出 newArr 数组的值，结果为 [1, 2, 3, 4, 5]。

方法二：双重循环判断去除重复项

除了使用 Set 数据结构之外，我们还可以使用常规的双重循环判断法来去除数组中的重复项。

示例代码如下：

let arr = [1, 2, 3, 3, 4, 4, 5];
for (let i = 0; i < arr.length; i++) {
  for (let j = i + 1; j < arr.length; j++) {
    if (arr[i] === arr[j]) {
      arr.splice(j, 1);
      j--;
    }
  }
}
console.log(arr); // [1, 2, 3, 4, 5]

上面的代码中，我们通过一个嵌套的循环遍历数组，对于每个元素和后面的元素进行比较，如果有重复的元素，则使用 splice 方法将后面的重复元素删除，并将 j 的值减一，以便下次继续判断该位置的值。最终的结果为 [1, 2, 3, 4, 5]。

综上述两种方法，使用 Set 数据结构是效率更高的方法，而双重循环判断是常规方法，用于没有 ES6 支持的环境中。