Set 和 Map 是 JavaScript 中为特定数据管理需求设计的高效、语义清晰的内置集合类型:Set 用于存储唯一值并自动去重,Map 则支持任意类型键值对且保留插入顺序。

Set 和 Map 是 JavaScript 中两种内置的集合类型,它们不是数组或对象的替代品,而是为特定数据管理需求设计的更高效、语义更清晰的结构。
Set:去重且无序的唯一值集合
Set 是一个存储唯一值的集合,内部自动去重,不关心顺序(虽然遍历时按插入顺序),支持字符串、数字、对象、甚至 Symbol 等任意类型(注意:对象是按引用判断是否重复)。
- 常用操作:
add()、has()、delete()、size、clear() - 不能用下标访问(如
set[0]),只能用for...of、forEach或转成数组([...set])来遍历 - 快速去重最常用:
[...new Set(arr)]比filter()+indexOf更简洁高效
Map:键值对集合,键可以是任意类型
Map 类似于对象,但它的“键”不限于字符串或 Symbol —— 可以是函数、对象、甚至另一个 Map。它保留插入顺序,且查找、插入、删除平均时间复杂度为 O(1)。
- 常用操作:
set(key, value)、get(key)、has(key)、delete(key)、size、clear() - 与普通对象对比:对象的键会被强制转为字符串(
{[{}]: 1}实际变成{"[object Object]": 1}),而 Map 不会 - 适合缓存计算结果(比如用 DOM 元素作 key 存对应状态)、管理事件监听器绑定关系、实现 LRU 缓存等
什么时候该用 Set 而不是数组?
当你需要频繁判断某个值是否存在、确保不重复、或做集合运算(如并集、交集、差集)时,Set 更合适。
立即学习“Java免费学习笔记(深入)”;
- 检查用户是否已点赞:
likedPosts.has(postId)比arr.includes()在大数据量下更快 - 合并多个列表并去重:
[...new Set([...a, ...b, ...c])] - 统计页面中出现过的 class 名:
const classes = new Set(); el.classList.forEach(c => classes.add(c))
什么时候该用 Map 而不是普通对象?
当你的“键”不是字符串、需要精确的键类型控制、或依赖插入顺序进行遍历/迭代时,优先选 Map。
- 用 DOM 元素作为键保存临时数据:
map.set(buttonEl, { clicked: true, count: 5 }) - 实现双向映射(如 ID ↔ 实例):
idToUser.set(id, user); userToId.set(user, id) - 计数器场景(比对象更安全):
const count = new Map(); count.set(item, (count.get(item) || 0) + 1)
基本上就这些。Set 和 Map 不复杂,但容易忽略——它们让代码更准确、更易读、也更高效。










