当前位置:首页 > 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实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…