JS中map和set是什么？区别详解

本篇文章给大家分享《JS中map和set是什么？与对象有何不同？》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

Map 和 Set 是 ES6 引入的原生数据结构：Set 存储唯一值，支持任意类型去重；Map 存储键值对，键可为任意类型且保持插入顺序，二者均非 Object 或 Array 的语法糖。

JavaScript 中的 Map 和 Set 是 ES6 引入的两种原生数据结构，分别用于高效管理键值对和唯一值。它们不是语法糖，而是有明确语义、独立方法和行为特性的对象类型，和传统 Object 与 Array 有本质区别。

Set：只存唯一值的集合

Set 是一个无重复项的值容器，内部用“Same-value-zero”算法判断相等（即 NaN === NaN 为 true），不关心类型转换。

• 创建时可传数组自动去重：new Set([1, 2, 2, '2']) → 含 1, 2, '2'（数字 2 和字符串 '2' 视为不同）
• 常用方法：add()、delete()、has()、size 属性，没有下标访问
• 不能用点号或方括号取值，只能靠迭代或 has() 判断存在性
• 典型用途：数组去重、快速查重、实现交/并/差集运算

Map：键可以是任意类型的键值对结构

Map 类似于对象，但更自由——它的键支持任意类型（函数、对象、Symbol、null 等），且严格按插入顺序遍历。

• 键不会被强制转成字符串：map.set({}, 'a'); map.set({} , 'b') 是两个不同键（因为对象引用不同）
• 方法包括：set()、get()、has()、delete()、clear()、size
• 支持直接遍历：for (let [key, val] of map) { ... }，顺序就是插入顺序
• 适合缓存 DOM 元素映射、配置项绑定、需要非字符串键的场景

与 Object 的核心区别

Object 虽然也能存键值对，但在设计目标和行为上和 Map 不同：

• 键类型受限：Object 只接受字符串或 Symbol 作键；Map 键可以是任何类型
• 顺序不可靠：Object 的属性遍历顺序在 ES2015 前不保证，即使现在也对数字键有特殊排序；Map 始终保持插入顺序
• 原型干扰：Object 会继承 toString 等方法，若键名恰好撞上这些属性名（如 'constructor'），可能出问题；Map 完全隔离
• 统计便捷性：Map 有 size 属性；Object 得手动 Object.keys(obj).length
• 初始化方式：Map 可直接用二维数组初始化：new Map([['a', 1], ['b', 2]])；Object 需写对象字面量或 Object.assign

简单怎么选？

看需求场景：

• 只关心“有没有某个值” → 用 Set
• 要存“某个东西对应什么结果”，且键可能是对象/函数 → 用 Map
• 键确定是字符串，结构简单，还要兼容老环境 → 用 Object

基本上就这些。用对结构，代码会更清晰、性能更稳、边界情况更少。

好了，本文到此结束，带大家了解了《JS中map和set是什么？区别详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！