Map和Set在JavaScript中的作用及与对象数组的区别

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《JavaScript中Map和Set的作用及与对象数组的区别》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

Map和Set是ES6引入的专用集合类型：Map支持任意类型键、按插入顺序遍历、size只读；Set自动去重、O(1)查找、提供原生集合操作；二者补足对象（键类型受限、无序）和数组（无唯一性保障、查找低效）的短板。

Map 和 Set 是 ES6 引入的两种内置集合类型，专为高效存储键值对（Map）和唯一值（Set）而设计；它们和对象、数组的核心区别在于数据结构目标、键的类型支持、遍历顺序保证以及内置方法语义更明确。

Map：带完整键类型支持的有序键值容器

Map 允许任意类型（包括对象、函数、Symbol 甚至 null）作为键，而普通对象的键只能是字符串或 Symbol（且会自动转为字符串）。Map 严格按插入顺序迭代，不会受属性名排序规则干扰（比如数字键会被对象自动排序，Map 不会）。

• 用 new Map() 创建，通过 set(key, value) 添加，get(key) 获取，has(key) 判断存在性
• 支持直接获取大小：map.size（对象需用 Object.keys(obj).length）
• 遍历时保持插入顺序：for (const [key, val] of map) 或 map.forEach()
• 适合缓存、映射关系管理、需要动态键类型的场景（例如把 DOM 元素当键存状态）

Set：自动去重、只存值的有序集合

Set 存储的是唯一值（根据 SameValueZero 规则判断相等），不关心“键”，只关注“有没有”。它不是数组的替代品，而是用来快速查重、求交/并/差集的工具。数组需要手动 filter() 或 includes() 去重，效率低且逻辑分散。

• 用 new Set([1,2,2,3]) 初始化后自动去重 → {1,2,3}
• 增删查都是 O(1) 平均时间复杂度（底层哈希实现），比数组 indexOf 或 includes 快得多
• 提供原生集合操作：set1.has(x)、set1.add(x)、set1.delete(x)
• 可轻松实现数组去重：[...new Set(arr)]，或求差集：[...setA].filter(x => !setB.has(x))

与对象（Object）的关键差异

对象本质是键值对集合，但被设计成通用数据载体，不是专用集合。它的原型链、默认属性（如 toString）、键自动转字符串、无序遍历（ES2015+ 数字键升序、其余按插入序）等特性，让它在做“映射”时容易出错。

• 对象不能用对象作键：obj[{}] = 'a' 实际上是 obj['[object Object]'] = 'a'
• 无法可靠获取属性数量，也不能直接遍历所有键值对（需过滤原型链属性）
• Map 没有原型污染风险，map.get 不会误匹配继承方法名（比如不会把 'constructor' 当有效键）
• JSON 序列化天然支持对象，但不支持 Map/Set —— 需手动转换

与数组（Array）的关键差异

数组是索引驱动的有序列表，核心能力是按位置存取；Map 和 Set 关注的是“关联性”和“唯一性”，不是下标。

• 数组允许重复值，Set 天然拒绝重复；Map 的 key 也必须唯一，但 value 可重复
• 数组查找某值需遍历（O(n)），Set 查找是 O(1)；Map 按键查找也是 O(1)，对象查属性接近 O(1)，但受限于键类型
• 数组有大量基于索引的方法（push、slice、map），Map/Set 提供的是集合语义方法（add、delete、entries）
• 数组长度可读可写，Map/Set 的 size 是只读属性，更符合集合不变性直觉

基本上就这些。Map 和 Set 不是为了取代对象和数组，而是补足它们在特定场景下的短板——当你需要“任意键”“强唯一性”“稳定顺序”或“清晰语义”时，它们就是更合适的选择。

以上就是《Map和Set在JavaScript中的作用及与对象数组的区别》的详细内容，更多关于的资料请关注golang学习网公众号！