JavaScript 中对数组进行去重

在 JavaScript 中，有多种方法可以对数组进行去重。以下是一些常用的方法，适用于不同场景和需求：

1. 使用 Set

Set 是一种集合数据结构，它只允许存储唯一的值。利用 Set 可以轻松实现数组去重：

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

2. 使用 filter

filter 方法可以用来过滤数组中的元素，结合 indexOf 可以实现去重：

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

3. 使用 reduce

reduce 方法可以用来累积数组中的元素，并在累积过程中实现去重：

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((acc, item) => {if (!acc.includes(item)) {acc.push(item);}return acc;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

4. 使用 for 循环

传统的方法是使用 for 循环来实现去重：

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

5. 使用 Map

如果需要保留对象的引用，或者处理复杂对象，可以使用 Map：

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Map(array.map(item => [item, item])).values()];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

注意事项

• 性能：对于大型数组，Set 和 Map 的性能通常较好，因为它们的时间复杂度较低。
• 对象去重：如果数组中包含对象，上述方法可能不适用，因为对象是引用类型。对于对象数组的去重，通常需要自定义比较逻辑。
• 浏览器兼容性：Set 和 Map 在现代浏览器中支持良好，但在非常旧的浏览器中可能不支持。

选择合适的方法取决于你的具体需求和运行环境。