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

Set 和 Map 是 JavaScript 中两种内置的集合类型,它们不是数组或对象的替代品,而是为特定数据管理需求设计的更高效、语义更清晰的结构。
Set 是一个存储唯一值的集合,内部自动去重,不关心顺序(虽然遍历时按插入顺序),支持字符串、数字、对象、甚至 Symbol 等任意类型(注意:对象是按引用判断是否重复)。
add()、has()、delete()、size、clear()
set[0]),只能用 for...of、forEach 或转成数组([...set])来遍历[...new Set(arr)] 比 filter() + indexOf 更简洁高效Map 类似于对象,但它的“键”不限于字符串或 Symbol —— 可以是函数、对象、甚至另一个 Map。它保留插入顺序,且查找、插入、删除平均时间复杂度为 O(1)。
set(key, value)、get(key)、has(key)、delete(key)、size、clear()
{[{}]: 1} 实际变成 {"[object Object]": 1}),而 Map 不会当你需要频繁判断某个值是否存在、确保不重复、或做集合运算(如并集、交集、差集)时,Set 更合适。
立即学习“Java免费学习笔记(深入)”;
likedPosts.has(postId) 比 arr.includes() 在大数据量下更快[...new Set([...a, ...b, ...c])]
const classes = new Set(); el.classList.forEach(c => classes.add(c))
当你的“键”不是字符串、需要精确的键类型控制、或依赖插入顺序进行遍历/迭代时,优先选 Map。
map.set(buttonEl, { clicked: true, count: 5 })
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是什么_使用场景的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号