去除重复数据 js

在 JavaScript 中去除重复数据常见的方法有以下几种：

一、使用 Set 对象

Set 是 ES6 引入的一种新的数据结构，它类似于数组，但是成员的值都是唯一的。

示例代码：

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

优势：

简洁高效，代码量少。

应用场景：

处理简单的数值或字符串数组去重。

二、使用 filter 方法结合 indexOf

示例代码：

const array = [1, 2, 2, 3, 3, 4];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4]

优势：

兼容性较好，适用于较旧的浏览器。

应用场景：

对于不支持 Set 的环境或者需要更复杂的去重条件时使用。

三、使用对象属性

通过将数组元素作为对象的属性名来实现去重。

示例代码：

const array = [1, 2, 2, 3, 3, 4];
const obj = {};
const uniqueArray = [];
for (let i = 0; i < array.length; i++) {
  if (!obj[array[i]]) {
    obj[array[i]] = true;
    uniqueArray.push(array[i]);
  }
}
console.log(uniqueArray); // [1, 2, 3, 4]

优势：

性能在一定情况下较好。

应用场景：

处理大量数据且对性能有一定要求的情况。

可能出现的问题及原因：

如果数组中的元素是对象或者其他复杂类型，直接使用上述方法可能无法正确去重，因为对象的比较是基于引用的，而不是值。

解决方法：

对于对象数组，可以根据对象的特定属性进行去重。

示例代码：

const array = [{id: 1}, {id: 2}, {id: 1}];
const uniqueArray = array.filter((item, index, self) =>
  index === self.findIndex((t) => t.id === item.id)
);
console.log(uniqueArray); // [{id: 1}, {id: 2}]