Map与Set数据结构全面解析

哈喽！今天心血来潮给大家带来了《JavaScript中Map和Set数据结构详解》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

Map 和 Set 是 JavaScript 中高效管理键值对和唯一值的内置集合类型：Map 键可为任意类型且保持插入顺序，Set 自动去重并支持快速成员判断。

Map 和 Set 是 JavaScript 中两种内置的集合类型，用于更高效、更语义化地管理键值对和唯一值。

Map：带顺序的键值对集合

Map 类似于对象（Object），但更灵活：它的键可以是任意类型（字符串、数字、对象、函数、Symbol 等），且会按插入顺序遍历。对象的键只能是字符串或 Symbol，且不保证遍历顺序（尤其在涉及数字键时）。

常用操作：

• 创建：const map = new Map() 或 new Map([[key1, val1], [key2, val2]])
• 增/改：map.set(key, value)
• 查：map.get(key)，不存在返回 undefined
• 删：map.delete(key)，返回布尔值表示是否删除成功
• 判断存在：map.has(key)
• 清空：map.clear()
• 获取大小：map.size（是属性，不是方法）

Set：只存唯一值的集合

Set 存储一组互不重复的值，不限类型。它不关心“键”和“值”的对应关系，只关注“这个值是否已存在”。常用来去重或做成员判断。

常用操作：

• 创建：const set = new Set() 或 new Set([1, 2, 2, 3]) → 自动去重为 {1, 2, 3}
• 添加：set.add(value)（重复添加无效）
• 判断存在：set.has(value)
• 删除：set.delete(value)
• 清空：set.clear()
• 获取大小：set.size

和 Object / Array 的主要区别

Object 的键会被强制转为字符串，导致 {[1]: 'a', [true]: 'b'} 实际变成 {'1': 'a', 'true': 'b'}；Map 则保留原始键类型。
Array 虽可模拟集合，但查找、去重、判断存在都要遍历，时间复杂度 O(n)；Map 和 Set 的 get、has、add 均为平均 O(1)。

另外，Map 和 Set 都是可迭代对象，支持 for...of、扩展运算符（[...map]）、解构等。

什么时候该用 Map 或 Set？

用 Map 当你需要：键不是字符串/Symbol、需要保持插入顺序、频繁增删查键值对、以对象为键（比如缓存 DOM 元素对应的数据）。

用 Set 当你需要：快速去重（如 [...new Set(arr)]）、高效判断某值是否存在（比 arr.includes() 快得多）、统计唯一项数量。

基本上就这些。它们不是替代 Object 或 Array 的工具，而是补足了 JS 在数据组织上的关键缺口。

今天关于《Map与Set数据结构全面解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！