当前位置:首页 > JavaScript

js实现字典表

2026-02-02 17:41:16JavaScript

使用对象字面量创建字典

JavaScript 中可以通过对象字面量直接实现字典功能,键值对形式存储数据:

const dictionary = {
  "key1": "value1",
  "key2": "value2"
};
// 访问
console.log(dictionary["key1"]); // 输出 "value1"

使用 Map 对象实现字典

ES6 引入的 Map 类型更适合字典场景,支持任意类型的键且保留插入顺序:

const map = new Map();
map.set("name", "Alice");
map.set(1, "Number Key");
// 访问
console.log(map.get("name")); // 输出 "Alice"

字典的常见操作

添加/更新元素

js实现字典表

dictionary["newKey"] = "newValue"; // 对象字面量
map.set("newKey", "newValue");     // Map

删除元素

delete dictionary["key1"];        // 对象字面量
map.delete("key1");               // Map

检查键是否存在

js实现字典表

"key1" in dictionary;            // 对象字面量
map.has("key1");                 // Map

遍历字典

对象字面量遍历

for (const key in dictionary) {
  console.log(key, dictionary[key]);
}
// 或使用 Object.keys()
Object.keys(dictionary).forEach(key => {
  console.log(key, dictionary[key]);
});

Map 遍历

map.forEach((value, key) => {
  console.log(key, value);
});
// 或使用迭代器
for (const [key, value] of map) {
  console.log(key, value);
}

性能与特性对比

  • 对象字面量:键自动转换为字符串,无法直接使用对象作为键。
  • Map:支持任意类型键,提供 size 属性直接获取元素数量,迭代效率更高。

根据需求选择实现方式,简单键值存储可用对象字面量,复杂场景推荐使用 Map

标签: 字典js
分享给朋友:

相关文章

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现图表

js实现图表

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

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…