JavaScript 数组去重：高效方法与代码示例

在 JavaScript 开发中，经常需要处理数组数据，而数组去重是常见的操作之一。本文将介绍两种常用的数组去重方法，并提供代码示例帮助你理解和应用。

方法一：双重循环

可以使用双重循环遍历数组，将相等的元素过滤掉。

let arr = [1, 2, 3, 4, 2, 5, 3];

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，保证循环不会跳过下一个元素。

方法二：ES6 Set 数据结构

ES6 中的 Set 数据结构可以保证元素的唯一性，可以利用它来实现数组去重。

let arr = [1, 2, 3, 4, 2, 5, 3];

let set = new Set(arr);
arr = Array.from(set);

console.log(arr); // 输出 [1, 2, 3, 4, 5]

原理:

将数组转换为 Set 对象，Set 会自动过滤掉重复元素。
使用 Array.from() 方法将 Set 对象转换为数组。

总结

本文介绍了两种 JavaScript 数组去重方法，第一种方法使用双重循环，第二种方法利用 ES6 的 Set 数据结构。选择哪种方法取决于你的实际需求，如果追求效率，可以使用 Set 数据结构。