JavaScript中Set和Map是什么，与对象和数组区别详解

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《JavaScript Set和Map是什么，与对象和数组有何区别》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

Set 是存储唯一值的有序集合，自动去重且支持任意类型键；Map 是键值对集合，键可为任意类型并保持插入顺序。二者均优于 Object（键受限、有原型干扰）和 Array（查找慢、无存在性优化）。

JavaScript 中的 Set 和 Map 是两种内置的集合数据结构，它们分别用于存储唯一值和键值对，设计目标是弥补普通对象（Object）和数组（Array）在某些场景下的不足。

Set：只存唯一值的有序集合

Set 是一个不重复值的集合，内部自动去重，支持字符串、数字、布尔值、对象、函数甚至 NaN（注意：NaN === NaN 为 false，但 Set 仍视其为相同值并去重）。它不是类数组，没有索引，但保持插入顺序。

• 创建方式：const s = new Set([1, 2, 2, 3]) → s 实际含 [1, 2, 3]
• 常用方法：.add()、.has()、.delete()、.size、.clear()
• 不能用下标访问（如 s[0]），需转为数组：[...s] 或 Array.from(s)
• 与数组不同：数组允许重复、支持索引、有丰富遍历方法（map/filter）；Set 专注“存在性”和“唯一性”，查重或去重更高效（时间复杂度 O(1)）

Map：键可以是任意类型的键值对集合

Map 是键值对的集合，和普通对象类似，但它的键不限于字符串或 Symbol —— 可以是对象、函数、甚至另一个 Map。它也保持插入顺序，且键的相等性使用严格比较（包括对象引用）。

• 创建方式：const m = new Map([[key1, val1], [key2, val2]])，或逐个 .set(key, value)
• 常用方法：.get()、.set()、.has()、.delete()、.size
• 与对象不同：对象的键会被强制转为字符串（{[{}]: 1} → {"[object Object]": 1}），而 Map 保留原始键类型
• 与对象相比，Map 更适合动态增删频繁、键类型多样、或需要按插入顺序遍历的场景

和对象（Object）的核心区别

对象本质是“字符串/符号为键的无序映射”，虽现代引擎已优化顺序，但规范不保证；而 Map 明确保证插入顺序，且支持任意键类型。对象有原型链，自带属性（如 toString），可能造成键名冲突；Map 是纯净的数据容器，无原型干扰，hasOwnProperty 等问题不存在。

• 对象适合静态配置、JSON 序列化、与 DOM 属性交互等场景
• Map 更适合运行时高频读写、键不确定、或需要迭代控制的逻辑（比如缓存、计数器、依赖追踪）
• Set 没有键值概念，天然适合成员去重、交并差运算（配合扩展运算符和数组方法）

和数组（Array）的关键差异

数组是索引驱动的有序列表，强调位置和顺序操作；Set 和 Map 是值/键驱动的集合，强调“存在性”和“关联性”。数组查找某值需 .indexOf() 或 .includes()（O(n)），而 Set.has() 和 Map.has() 平均 O(1)；数组长度可变但操作开销随数据量增长明显，Set/Map 的增删查更稳定。

• 别用数组模拟集合去重：[...new Set(arr)] 比 arr.filter((x, i) => arr.indexOf(x) === i) 更简洁高效
• 统计频次时，用 Map 记录比用对象更安全（避免 constructor、__proto__ 等陷阱键）
• 数组无法直接表达“某个对象是否在集合中”，而 Set 支持 set.has(obj)，精准判断引用存在

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript中Set和Map是什么，与对象和数组区别详解》文章吧，也可关注golang学习网公众号了解相关技术文章。