JavaScript数组去重方法汇总

在JavaScript中，数组是一种非常重要的数据类型，经常在实际的开发中用来存储一系列数据。但是，有时候我们需要对数组进行去重操作，即只保留数组中的不重复元素。本文将介绍几种常用的JavaScript数组去重方法。

1.使用Set对象

使用ES6中新增的Set对象可以非常方便地对数组进行去重。Set对象中的所有元素都是唯一的，可以保证去重后的数组中不会有重复元素。

示例代码如下：

let arr = [1, 2, 3, 2, 1];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3]

上述代码中，先定义了一个包含重复元素的数组arr，然后通过...运算符和Set对象，将数组去重后得到不重复元素的数组uniqueArr，并输出到控制台。

2.使用Array.prototype.filter()

使用Array.prototype.filter()方法可以比较简单地实现数组去重操作。该方法会返回一个新的、根据指定条件过滤后的数组，可以根据数组的indexOf方法来过滤掉重复元素。

示例代码如下：

let arr = [1, 2, 3, 2, 1];
let uniqueArr = arr.filter((item, index, arr) => {
  return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3]

上述代码中，filter()方法接收一个回调函数作为参数，该回调函数中的三个参数分别表示当前元素、当前元素的索引和当前数组。通过对当前元素在数组中第一次出现的位置进行比较，可以过滤掉重复元素，最终得到去重后的数组uniqueArr，并输出到控制台。

3.使用for循环嵌套比较

当数组中包含的元素不是基本类型（如对象等）时，上述方法不能实现去重。此时，可以使用for循环嵌套比较的方法来实现数组去重。遍历原数组，将每个元素与其后面的所有元素依次进行比较，如果重复则将其剔除。

示例代码如下：

let arr = [1, 2, 3, { name: 'Tom' }, { name: 'Tom' }, 1];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
  for (let j = i + 1; j < arr.length; j++) {
    if (arr[i] === arr[j]) {
      j = ++i;
    }
  }
  uniqueArr.push(arr[i]);
}
console.log(uniqueArr); // [1, 2, 3, { name: 'Tom' }]

上述代码中，先定义了一个包含重复元素和对象的数组arr，然后使用for循环嵌套比较的方法去除数组中的重复元素，并将去重后的元素添加到uniqueArr数组中，最终输出到控制台。

结语

本文介绍了几种常用的JavaScript数组去重方法，包括使用Set对象、Array.prototype.filter()方法以及for循环嵌套比较的方法。对于不同的情况，可以选择不同的去重方法来实现需求。