当前位置:首页 > JavaScript

js实现hashmap

2026-04-06 11:16:19JavaScript

JavaScript 实现 HashMap

在 JavaScript 中,可以使用对象(Object)或 Map 类来实现 HashMap 的功能。以下是两种实现方式的具体方法:

js实现hashmap

使用 Object 实现 HashMap

JavaScript 的对象本质上是键值对的集合,可以用于模拟 HashMap。

js实现hashmap

// 创建 HashMap
const hashMap = {};

// 添加键值对
hashMap['key1'] = 'value1';
hashMap['key2'] = 'value2';

// 获取值
const value = hashMap['key1'];

// 删除键值对
delete hashMap['key1'];

// 检查键是否存在
const hasKey = 'key1' in hashMap;

// 遍历键值对
for (const key in hashMap) {
  console.log(key, hashMap[key]);
}

使用 Map 类实现 HashMap

ES6 引入了 Map 类,提供了更完善的 HashMap 功能。

// 创建 Map
const hashMap = new Map();

// 添加键值对
hashMap.set('key1', 'value1');
hashMap.set('key2', 'value2');

// 获取值
const value = hashMap.get('key1');

// 删除键值对
hashMap.delete('key1');

// 检查键是否存在
const hasKey = hashMap.has('key1');

// 遍历键值对
hashMap.forEach((value, key) => {
  console.log(key, value);
});

// 获取键的数量
const size = hashMap.size;

自定义 HashMap 实现

如果需要更底层实现,可以基于数组和哈希函数构建自定义 HashMap。

class HashMap {
  constructor(size = 16) {
    this.buckets = new Array(size).fill(null).map(() => []);
    this.size = size;
  }

  // 哈希函数
  hash(key) {
    let hashCode = 0;
    for (let i = 0; i < key.length; i++) {
      hashCode += key.charCodeAt(i);
    }
    return hashCode % this.size;
  }

  // 添加键值对
  set(key, value) {
    const index = this.hash(key);
    const bucket = this.buckets[index];
    const found = bucket.find(item => item.key === key);
    if (found) {
      found.value = value;
    } else {
      bucket.push({ key, value });
    }
  }

  // 获取值
  get(key) {
    const index = this.hash(key);
    const bucket = this.buckets[index];
    const found = bucket.find(item => item.key === key);
    return found ? found.value : undefined;
  }

  // 删除键值对
  delete(key) {
    const index = this.hash(key);
    const bucket = this.buckets[index];
    const itemIndex = bucket.findIndex(item => item.key === key);
    if (itemIndex >= 0) {
      bucket.splice(itemIndex, 1);
      return true;
    }
    return false;
  }

  // 检查键是否存在
  has(key) {
    const index = this.hash(key);
    const bucket = this.buckets[index];
    return bucket.some(item => item.key === key);
  }
}

// 使用示例
const map = new HashMap();
map.set('name', 'Alice');
console.log(map.get('name')); // Alice

性能比较

  • Object:简单易用,但键只能是字符串或 Symbol。
  • Map:支持任意类型键,提供更丰富的方法。
  • 自定义实现:灵活性高,但需要手动处理冲突和扩容。

根据具体需求选择合适的实现方式。

标签: jshashmap
分享给朋友:

相关文章

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…