首页 关于我们 成功案例 网络营销 电商设计 新闻中心 联系方式
QQ联系
电话联系
手机联系

j*ascript中的Map和Set是什么_它们与对象和数组有什么区别

发布时间:2025-12-14 21:57
发布者:网络
浏览次数:
Map用于存储任意类型键的键值对,Set用于存储唯一值;二者弥补对象和数组在语义、功能与性能上的不足,不可互相替代。

javascript中的map和set是什么_它们与对象和数组有什么区别

Map 和 Set 是 ES6 引入的两种原生集合类型,各自有明确的设计目的:Map 用来存键值对,Set 用来存唯一值。它们不是对象或数组的替代品,而是补足了后两者在语义、功能和性能上的短板。

Map 是带任意键的键值映射

Map 的核心是「键 → 值」的一对一关系,但它的键可以是任何类型——字符串、数字、布尔、null、undefined、Symbol,甚至对象或函数。这和普通对象有本质区别:

  • 对象的键只能是字符串或 Symbol(其他类型会自动转成字符串,比如 {[1]: 'a'} 实际变成 {'1': 'a'}
  • Map 保留原始键类型,map.set({}, 'val') 中的空对象就是独立的键,不会被混淆
  • Map 有 .size 属性,不用遍历就能知道有多少条记录;对象得靠 Object.keys(obj).length
  • Map 按插入顺序迭代,对象的属性顺序在旧引擎中不保证(虽现代已基本稳定,但语义上仍不承诺)
  • Map 提供 .has().delete().clear() 等统一方法,对象操作得靠 indelete、循环等零散手段

Set 是自动去重的值集合

Set 存的不是键值对,而是一组互不重复的值,类似数学里的集合。它解决的是“我只要这个值是否存在”,而不是“这个值对应什么”:

  • 添加重复值无效:new Set([1, 1, 2]) 结果是 {1, 2}
  • 判断存在用 .has(),比数组 .includes().indexOf() !== -1 更快(底层是哈希查找,平均 O(1))
  • 不能用下标访问(没有 set[0]),也不支持索引操作;想取值得转成数组或用迭代器
  • Set 的值可以是任意类型,包括对象,但注意:set.has({}) 总是 false,因为每次 {} 都是新对象,地址不同;要用同一个引用才匹配

和数组比:不是“更高级的数组”,而是不同用途

数组适合有序、可重复、需索引访问的数据;Set 和 Map 不强调顺序访问,也不提供索引。常见误区:

美图AI开放平台 美图AI开放平台

美图推出的AI人脸图像处理平台

美图AI开放平台 111 查看详情 美图AI开放平台

立即学习“J*a免费学习笔记(深入)”;

  • 别用 Set 替代数组来存列表并按位置取值(比如 set[5] 不存在)
  • 数组去重写法 [...new Set(arr)] 简洁有效,但这只是 Set 的一个用法,不是它的全部意义
  • 数组的 .push().splice() 等方法在 Set/Map 中没有对应,反之亦然

和对象比:语义清晰 + 功能完整

对象常被“借”来当键值容器,但容易出问题:

  • 原型链污染风险:obj.toString 可能被意外覆盖,Map 完全隔离
  • 无法直接表达“我要一个纯数据映射”,对象总带方法和继承痕迹
  • 对象不能用非字符串键(除非用 Symbol 或 Proxy 曲线救国),Map 天然支持
  • Set 相比 obj[key] = true 这种模拟集合的方式,更安全、更易读、更易做集合运算(交集、差集等)

基本上就这些。用对地方,代码会更稳、更短、更容易懂。

以上就是j*ascript中的Map和Set是什么_它们与对象和数组有什么区别的详细内容,更多请关注其它相关文章!


# javascript  # es6  # java  # proxy  # 区别  # 键值对  # 键值  # 美图  # 也不  # 不能用  # 表单  # 有什么区别  # 转成  # 服务端  # 的是  # 都是  # 重庆提升关键词排名  # 开封免费网站建设费用  # 传媒推广素材网站大全最新  # 温州手机seo  # 莆田移动端seo  # 安徽seo推广打造公司  # 微信网站建设乌鲁木齐  # 技嘉mw21-SEO  # 推广ip营销  # 太原网站建设考试热点