什么是JavaScript的Map和Set_它们与对象和数组有什么不同呢-js教程-PHP中文网

什么是JavaScript的Map和Set_它们与对象和数组有什么不同呢

夜晨

发布： 2025-12-20 20:02:02

原创

705人浏览过

Map 和 Set 是 JavaScript 中专用于键值映射与唯一值集合的数据结构；Map 支持任意类型键、有序插入、size 属性及统一方法；Set 自动去重、基于 SameValueZero 判断相等、提供 O(1) 存在性查询。

什么是javascript的map和set_它们与对象和数组有什么不同呢

Map 和 Set 是 JavaScript 中两种专门用于存储数据的集合类型，它们和对象（Object）、数组（Array）在设计目标、使用场景和底层行为上有明显区别。

Map：带键值对的有序字典

Map 类似于对象，但更灵活、更严格。它允许任意类型的值作为键（比如对象、函数、Symbol），而对象只能用字符串或 Symbol 作键（且会自动转为字符串）。Map 保证插入顺序，遍历时按添加顺序返回；对象的属性顺序在 ES2015 后虽也基本按插入顺序，但仍有例外（如数字键会被提前排序）。

Map 的大小可直接用 size 属性获取；对象得手动统计 Object.keys(obj).length
Map 提供 set()、get()、has()、delete() 等明确的方法；对象操作依赖括号或点语法，无统一 API
Map 可直接用 for...of 遍历；对象需配合 Object.entries() 才能类似使用

Set：不重复的值集合

Set 是一个只存“值”、不允许重复的集合，没有键的概念。它不像数组那样靠索引访问，也不像对象那样靠键查找——它只关心某个值是否存在。

自动去重：传入重复值（如 new Set([1, 1, 2])）会得到 {1, 2}
支持任意类型值（包括对象），判断重复用的是 SameValueZero 算法（和 === 类似，但 NaN === NaN 为 false，而 Set 中 NaN 被视为同一个值）
常用方法有 add()、has()、delete()、clear()；没有下标访问，也不能用方括号取值

和数组比：不是为了索引，而是为了存在性与唯一性

数组适合按位置存取、需要索引、支持大量方法（map/filter/reduce 等）。而 Set 不提供索引访问，也没有 map 方法；它的核心优势是 O(1) 平均时间复杂度的 has() 查询——检查一个值是否存在，比用 arr.includes(x)（O(n)）快得多。Map 同理，get 比对象的 obj[key] !== undefined 更可靠（尤其当值本身是 undefined 时）。

Spirit Me

SpiritMe允许用户使用数字化身制作视频，这些化身可以模拟用户的声音和情感

178

查看详情

立即学习“Java免费学习笔记（深入）”；

和对象比：更纯粹、更可控的数据结构

对象本质是键值对容器，但被历史原因“污染”了原型链（如 obj.toString 可能被意外覆盖）、保留字限制（如 obj.constructor）、以及不能用普通对象作键等问题。Map 和 Set 是中立容器，不继承任何属性，不会和用户数据冲突，语义更清晰：Map 就是“映射”，Set 就是“集合”。

基本上就这些。用数组还是 Map/Set，关键看你要不要索引、要不要自动去重、要不要用非字符串当键——选对结构，代码更稳，性能也更靠谱。

以上就是什么是JavaScript的Map和Set_它们与对象和数组有什么不同呢的详细内容，更多请关注php中文网其它相关文章！