JavaScript数组去重：从Hash方法到类型安全的实现

作者：小括号

时间：2026-10-21

本文探讨JavaScript中利用Hash对象进行数组去重的实现方式。首先分析基础Hash方法无法区分数字1与字符串'1'的缺陷，随后通过结合Object.prototype.toString进行类型判断的改进方案，实现了对五种原始数据类型及部分引用类型的准确去重，并指出其对普通对象类型区分的局限性。

文章目录

JavaScript数组Hash去重基础实现

在JavaScript中处理数组去重时，Hash是一种常见且高效的思路。其核心逻辑是利用对象键的唯一性来过滤重复元素，具体实现如下所示。


if (!Array.prototype.unique) {
 Array.prototype.unique = function () {
 var hash = {}, result = [], item;
 for (var i = 0; i < this.length; i++) {
 item = this[i];
 if ( !hash[item] ) {
 hash[item] = true;
 result.push(item);
 }
 }
 return result;
 };
}

基础Hash方法的类型缺陷

然而，这种基础的Hash实现存在严谨性问题，它无法有效区分数值类型的1和字符串类型的'1'，因为两者在作为对象键时会被转换为相同的字符串形式。


var arr = [0, 1, '1', true, 5, true, false, undefined, undefined, null, null];
arr.unique();

JavaScript数组Hash去重基础实现

结合类型判断的改进方案

为了解决上述类型混淆问题，需要对代码进行优化，引入数据类型判断机制。改进后的逻辑如下：


if (!Array.prototype.unique) {
 Array.prototype.unique = function () {
 var hash = {}, result = [], type = '', item;
 for (var i = 0; i < this.length; i++) {
 item = this[i];
 type = Object.prototype.toString.call(item);

 if ( !hash[item + type] ) {
 hash[item + type] = true;
 result.push(item);
 }
 }
 return result;
 };
}

JavaScript数组Hash去重基础实现