前端 JavaScript 编程实现哈希表的方法有哪些

JavaScript 中实现哈希表的方法主要有利用对象（Object）或者 Map 类型、使用数组存储键值对并通过散列函数来实现键值之间的映射。在这两种方式中，使用 Map 类型是最推荐的方法，因为它本身就是为了存储键值对而设计的数据结构，提供了如 .set()、.get()、.has() 等便捷的操作方法，并且拥有与对象不同的内存结构，使其在处理大量数据时更加高效。

一、使用对象实现哈希表

对象在 JavaScript 中是一种非常基础的数据结构，可以被用来模拟哈希表。对象的属性访问机制本质上是一种哈希映射，这使得在 JavaScript 中使用对象作为哈希表非常方便。

创建哈希表

let hashTable = {};

添加元素

hashTable["key1"] = "value1";
hashTable["key2"] = "value2";

访问元素

let value1 = hashTable["key1"];

检查键是否存在

let hasKey1 = "key1" in hashTable;

删除元素

delete hashTable["key1"];

尽管使用对象是实现哈希表的一种简易方法，但它有一个限制，那就是键必须是字符串或者符号类型。

二、使用 Map 类型实现哈希表

Map 是 ES6 中新增的一个集合类型，旨在提供更优越的键值对存储机制。

创建哈希表

let hashMap = new Map();

添加元素

hashMap.set("key1", "value1");
hashMap.set("key2", "value2");

访问元素

let value1 = hashMap.get("key1");

检查键是否存在

let hasKey1 = hashMap.has("key1");

删除元素

hashMap.delete("key1");

获取所有键

for (let key of hashMap.keys()) {
    console.log(key);
}

获取所有值

for (let value of hashMap.values()) {
    console.log(value);
}

Map 类型在性能方面相较于使用对象作为哈希表有显著的优势，特别是当存储大量数据时，Map 提供了更快的查找速度。

三、自实现散列函数

除了使用内置的对象和Map类之外，我们还可以通过实现自己的散列函数来创建哈希表。

定义散列函数

一个基本的散列函数通常将输入的字符串转换为哈希码、这个哈希码与数组的长度有关联，确保最终的索引值能够适用于数组的长度范围内。

function hashStringToInt(string, tableSize) {
    let hash = 17;
    for (let i = 0; i < string.length; i++) {
        hash = (13 * hash * string.charCodeAt(i)) % tableSize;
    }
    return hash;
}

创建哈希表类

class HashTable {
  table = new Array(2001);
  setItem = (key, value) => {
    const idx = hashStringToInt(key, this.table.length);
    this.table[idx] = value;
  };
  getItem = (key) => {
    const idx = hashStringToInt(key, this.table.length);
    return this.table[idx];
  };
}

添加元素

let myHashTable = new HashTable();
myHashTable.setItem("firstName", "John");

访问元素

let firstName = myHashTable.getItem("firstName");

自实现的哈希表类可以为我们提供了更多的控制和优化空间，但是需要自己处理一些问题，如冲突处理和动态扩容。

四、哈希表的冲突解决

在实现哈希表时，冲突是避免不了的问题。两个不同的键可能会产生相同的哈希值。解决这个问题有多种策略，其中包括链地址法和开放地址法。

使用链地址法

在链地址法中，每一个数组的位置不再直接存储值，而是存储一个链表。当冲突发生时，冲突的元素将被添加到链表中。

class HashTable {
    table = new Array(2001);
    setItem = (key, value) => {
        const idx = hashStringToInt(key, this.table.length);
        if (this.table[idx]) {
            this.table[idx].push([key, value]);
        } else {
            this.table[idx] = [[key, value]];
        }
    };
    getItem = (key) => {
        const idx = hashStringToInt(key, this.table.length);
        if (!this.table[idx]) {
            return null;
        }
        return this.table[idx].find(x => x[0] === key)[1];
    };
}