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 比使用普通对象更合适。
键的类型自由:对象只能用字符串或 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 提供了比普通对象更强的键值管理能力,合理使用能让代码更清晰高效。
以上就是JavaScriptMap数据结构_JavaScript集合类型使用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1540814.html
微信扫一扫
支付宝扫一扫