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 不复杂，但容易忽略——它们让代码更准确、更易读、也更高效。
以上就是JavaScript中Set和Map是什么_使用场景的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1541240.html
微信扫一扫 
支付宝扫一扫 
