JavaScript数组去重方法详解与陷阱

本文档主要介绍了JavaScript数组去重的一些常见方法，作者在准备面试时回顾并整理了这一知识点。数组去重是编程中的一项基础任务，通常通过检查元素的唯一性来实现，这里讨论了循环匹配去重的实现策略。 **循环匹配去重** 是一种直观的方法，它通过遍历原数组（`array`），对于每个元素`array[i]`，检查其是否已存在于目标结果数组`result`中。如果不存在，则将`array[i]`添加到`result`中。这个过程涉及到两个嵌套循环，因此被称为**双循环匹配**。关键的函数`isMatch()`用于检测元素是否重复，原始版本中使用`==`进行比较，但存在bug，即无法区分数字和数字字符串，因为没有检查元素类型。修正后的版本使用`===`确保全等比较。 实现代码示例如下： ```javascript // 原始代码 var arr = [1, 3, 4, 56, 3, '1', 7, 9, 7]; var result = []; function isMatch(array, n) { for (var i = 0; i < array.length; i++) { if (array[i] == n) { // 使用全等 '===' 替换此处 return true; } } return false; } function unique(array) { for (var i = 0; i < array.length; i++) { if (!isMatch(result, array[i])) { result.push(array[i]); } } return result; } console.log(unique(arr)); ``` 虽然这是一种基础的去重方法，但在实际开发中，还有其他更高效和复杂的方法，比如利用Set数据结构（ES6引入）进行去重，或者使用sort、filter、reduce等高级函数结合，以及利用Map对象来存储元素出现的情况。然而，这些方法的介绍超出了本文档的范围，本文仅限于简单的循环匹配去重及其基本注意事项。读者在实践中应根据项目需求选择适合的去重策略，并注意处理可能出现的数据类型问题。