Map支持任意类型键,提供高效增删查操作,保持插入顺序,可直接获取大小且遍历方便,相比普通对象更适用于动态键值对场景。

JavaScript 中的 Map 是一种用于存储键值对的数据结构,它比普通对象更灵活,支持任意类型的键,包括对象、函数和原始类型。在处理需要高效查找、插入和删除键值对的场景时,Map 是理想选择。
Map 的基本用法
Map 允许你设置键值对、获取值、检查键是否存在以及删除键值对。
创建和操作 Map:
- new Map():创建一个空的 Map 实例
- set(key, value):添加或更新键值对
- get(key):根据键获取对应的值
- has(key):判断是否包含某个键
- delete(key):删除指定键值对
- size:获取键值对的数量
- clear():清空所有内容
示例代码:
立即学习“Java免费学习笔记(深入)”;
const map = new Map();map.set('name', 'Alice');
map.set(1, 'number key');
map.set({id: 1}, 'object key');
console.log(map.get('name')); // "Alice"
console.log(map.has(1)); // true
console.log(map.size); // 3
遍历 Map 数据
Map 提供了多种方式来遍历其内容,适合不同使用场景。
- forEach((value, key) => {...}):类似数组的遍历方式
- for...of 循环:直接获取 [key, value] 数组
- keys():返回所有键的迭代器
- values():返回所有值的迭代器
- entries():返回键值对的迭代器(默认)
遍历示例:
for (const [key, value] of map) {console.log(key, value);
}
map.forEach((value, key) => {
console.log(key + ": " + value);
});
Map 与普通对象的对比
在某些情况下,使用 Map 比使用普通对象更合适。
瑞宝通B2B系统使用当前流行的JAVA语言开发,以MySQL为数据库,采用B/S J2EE架构。融入了模型化、模板、缓存、AJAX、SEO等前沿技术。与同类产品相比,系统功能更加强大、使用更加简单、运行更加稳 定、安全性更强,效率更高,用户体验更好。系统开源发布,便于二次开发、功能整合、个性修改。 由于使用了JAVA开发语言,无论是在Linux/Unix,还是在Windows服务器上,均能良好运行
- 键的类型自由:对象只能用字符串或 Symbol 作键,Map 可以用任意类型
- 性能更优:频繁增删属性时,Map 的读写效率更高
- 有序性保证:Map 保持插入顺序,对象在某些引擎中可能不保证
- 内置大小属性:map.size 直接获取长度,对象需手动计算
- 易于遍历:原生支持迭代,无需转换为数组
当你的数据是动态键值对集合,尤其是键不是字符串时,优先考虑 Map。
与其他集合类型的配合使用
JavaScript 还提供 Set、WeakMap、WeakSet 等集合类型,可与 Map 配合解决复杂问题。
WeakMap 适用于关联对象元数据而不影响垃圾回收,它的键必须是对象,且不可遍历。
适用场景如:缓存 DOM 节点相关数据、私有成员模拟等。
例如:
const cache = new WeakMap();const element = document.getElementById('myDiv');
cache.set(element, { visited: true });
// 当元素被移除后,缓存也会自动释放
基本上就这些。Map 提供了比普通对象更强的键值管理能力,合理使用能让代码更清晰高效。









