当前位置:首页 > JavaScript

map实现js

2026-03-13 22:17:13JavaScript

Map 实现(JavaScript)

在 JavaScript 中,Map 是一种键值对集合,允许任何类型的值(包括对象)作为键,并保持插入顺序。以下是实现和使用 Map 的常见方法。

创建 Map

使用 new Map() 构造函数创建一个空的 Map,或通过传入一个键值对数组初始化。

const map = new Map();
const initializedMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

添加键值对

使用 set(key, value) 方法向 Map 中添加或更新键值对。

map.set('name', 'Alice');
map.set(42, 'The Answer');

获取值

通过 get(key) 方法获取指定键对应的值。若键不存在,返回 undefined

map实现js

console.log(map.get('name')); // 输出: 'Alice'
console.log(map.get('nonexistent')); // 输出: undefined

检查键是否存在

使用 has(key) 方法检查 Map 中是否存在某个键。

console.log(map.has('name')); // 输出: true

删除键值对

通过 delete(key) 方法移除指定键的键值对。返回 true 表示删除成功,false 表示键不存在。

map实现js

map.delete('name');

清空 Map

调用 clear() 方法移除所有键值对。

map.clear();

遍历 Map

Map 支持多种遍历方式:

  • keys():返回键的迭代器。
  • values():返回值的迭代器。
  • entries():返回键值对的迭代器(默认迭代行为)。
  • forEach(callback):通过回调函数遍历。
for (const [key, value] of map) {
  console.log(key, value);
}

map.forEach((value, key) => {
  console.log(key, value);
});

获取大小

通过 size 属性获取 Map 中键值对的数量。

console.log(map.size);

与 Object 的区别

  1. 键的类型Map 的键可以是任意类型(包括对象),而 Object 的键只能是字符串或 Symbol。
  2. 顺序Map 保持插入顺序,Object 的键顺序不固定。
  3. 性能:频繁增删键值对时,Map 性能更优。
  4. 内置方法Map 提供如 sizeclear() 等专用方法。

示例代码

const map = new Map();
map.set('a', 1);
map.set('b', 2);

console.log(map.get('a')); // 1
console.log(map.size); // 2

map.delete('a');
console.log(map.has('a')); // false

标签: mapjs
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js 实现链表

js 实现链表

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

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…