JavaScript中的Map和Set是什么_它们与对象和数组有何不同?

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

javascript中的map和set是什么_它们与对象和数组有何不同?

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) 平均时间复杂度(底层哈希实现),比数组 indexOfincludes 快得多 提供原生集合操作:set1.has(x)set1.add(x)set1.delete(x) 可轻松实现数组去重:[...new Set(arr)],或求差集:[...setA].filter(x => !setB.has(x))

与对象(Object)的关键差异

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

立即学习“Java免费学习笔记(深入)”;

对象不能用对象作键: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),但受限于键类型 数组有大量基于索引的方法(pushslicemap),Map/Set 提供的是集合语义方法(adddeleteentries) 数组长度可读可写,Map/Set 的 size 是只读属性,更符合集合不变性直觉

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

以上就是JavaScript中的Map和Set是什么_它们与对象和数组有何不同?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1542164.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
为什么JavaScript的代码分割很重要_动态import()如何使用?
上一篇 2025年12月21日 13:58:04
JavaScript中的函数式编程是什么_纯函数和高阶函数如何应用?
下一篇 2025年12月21日 13:58:07

相关推荐

  • 使用PHP和Ajax实现搜索结果的A-Z排序

    在PHP搜索结果页面实现A-Z排序功能,可以极大地提升用户体验。结合Ajax技术和PHP后端排序逻辑,我们可以在不刷新页面的情况下实现排序功能。以下将详细介绍实现步骤。 1. 前端:创建排序表单和Ajax请求 首先,需要在 search.php 页面中创建一个表单,用于触发排序操作。这个表单可以包含…

    2026年9月23日
    000
  • 华为畅享系列微信收款语音怎么设置?教你配置语音播报步骤

    答案:华为畅享系列设置微信收款语音播报需更新微信、开启收款助手与通知权限、在“收款小账本”开启语音提醒并授权麦克风,确保非静音状态;若无播报,检查设置、权限、音量或兼容性问题;不支持自定义播报内容;耗电极低可忽略。 华为畅享系列手机设置微信收款语音播报,简单来说,就是让手机在收到微信支付时,自动用语…

    2026年9月23日
    300
  • 为什么macOS系统被认为比Windows更少受到病毒和恶意软件的困扰?

    macOS受病毒困扰较少因用户基数小、系统架构安全、生态封闭及用户习惯好,但威胁正随市场份额增长而增加。 macOS系统相对较少受到病毒和恶意软件的困扰,这背后有多重因素共同作用,并非单一原因。虽然近年来针对Mac的威胁确实在增加,但整体感染率仍低于Windows平台。 用户基数与攻击目标 黑客开发…

    2026年9月23日
    700
  • 如何解决Linux软件包冲突 yum和apt依赖问题处理方案

    如何解决Linux软件包冲突 yum和apt依赖问题处理方案如何解决Linux软件包冲突 yum和apt依赖问题处理方案如何解决Linux软件包冲突 yum和apt依赖问题处理方案如何解决Linux软件包冲突 yum和apt依赖问题处理方案

    处理linux软件包冲突的核心方法是利用包管理器自带修复机制并手动干预。1. 清理缓存与元数据,重新更新以解决临时错误;2. 使用跳过损坏包、强制重装等方式尝试自动修复;3. 禁用或调整第三方仓库优先级以避免冲突源;4. 手动安装特定版本依赖或卸载冲突包;5. 对于apt系统,使用–fi…

    2026年9月23日 用户投稿
    500
  • LuminarAI怎么裁剪图片?教你利用AI工具实现精准构图方法

    LuminarAI怎么裁剪图片?教你利用AI工具实现精准构图方法LuminarAI怎么裁剪图片?教你利用AI工具实现精准构图方法LuminarAI怎么裁剪图片?教你利用AI工具实现精准构图方法LuminarAI怎么裁剪图片?教你利用AI工具实现精准构图方法

    LuminarAI通过AI辅助裁剪和构图建议提升图片视觉效果,结合透视校正、畸变修复与AI增强工具优化构图,但裁剪后画质下降主因是像素减少,需从高分辨率原图出发并适度裁剪,导出时选择合适参数以保留质量。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模…

    2026年9月23日 用户投稿
    700
  • VSCode搭建Angular开发环境(企业级前端,配置详解)

    企业级angular开发环境中,vscode必不可少的扩展包括angular language service、prettier、eslint、debugger for chrome/edge、path intellisense、gitlens和sonarlint,关键配置优化包括启用保存时自动格式…

    2026年9月23日
    500
  • 在Maven插件中判断批处理模式(Batch Mode)状态的教程

    本文详细介绍了如何在Maven插件(Mojo)中检测当前Maven构建是否处于批处理模式(Batch Mode)。通过注入MavenSession对象并利用其getRequest().isInteractiveMode()方法,开发者可以轻松判断Maven是否以非交互式方式运行,从而为插件提供不同的…

    2026年9月23日
    600
  • mysql怎么删除索引 mysql创建和删除索引的完整指南

    mysql怎么删除索引 mysql创建和删除索引的完整指南mysql怎么删除索引 mysql创建和删除索引的完整指南mysql怎么删除索引 mysql创建和删除索引的完整指南mysql怎么删除索引 mysql创建和删除索引的完整指南

    mysql中删除和创建索引主要通过drop index、create index或alter table语句实现,推荐使用alter table以增强语义清晰度。1. 删除索引可使用drop index index_name on table_name; 或alter table table_nam…

    2026年9月23日 用户投稿
    1400
  • Copy.ai的AI混合工具怎么用?提升内容创作效率的详细步骤

    答案:Copy.ai的AI混合工具通过串联多个AI生成模块,形成高效的内容创作流程,其核心优势在于降低创作启动难度和减少工具切换成本。它以“思维加速器”和“流程顺滑器”的角色,帮助用户快速生成标题、大纲、引言等初稿内容,并支持多轮迭代优化。要真正提升效率与质量,需明确创作目标、精准输入指令(Prom…

    2026年9月23日
    100
  • HTML中无法链接本地脚本源的问题解析与解决方案

    本文旨在解决在本地HTML文件中无法正确链接JavaScript脚本的问题,尤其是在使用p5.js等库时。我们将探讨常见原因,并提供无需Web服务器即可成功运行HTML、JavaScript和CSS代码的有效方法。通过修改HTML结构,确保脚本正确加载和执行,从而避免页面无法渲染的情况。 在本地开发…

    2026年9月23日
    1100
  • 一加Nord手机摄像头怎么调整以拍出高质量照片?高画质设置的方法

    一加Nord手机摄像头怎么调整以拍出高质量照片?高画质设置的方法一加Nord手机摄像头怎么调整以拍出高质量照片?高画质设置的方法一加Nord手机摄像头怎么调整以拍出高质量照片?高画质设置的方法一加Nord手机摄像头怎么调整以拍出高质量照片?高画质设置的方法

    要拍出高质量照片,需掌握一加Nord的专业模式(Pro Mode),手动调节ISO、快门速度、白平衡、对焦和曝光补偿;光线充足时用高像素模式保留细节,暗光环境启用夜景模式(Nightscape)提升亮度与细节,逆光或高对比场景开启HDR平衡明暗;配合最高分辨率设置、网格线构图、镜头清洁及适度后期编辑…

    2026年9月23日 用户投稿
    100
  • win11窗口圆角效果怎么关闭_win11窗口圆角效果关闭教程

    可通过Win11DisableRoundedCorners修改系统文件实现全局直角窗口;2. 使用MicaForEveryone将圆角半径设为0以精确控制;3. 禁用硬件图形加速使系统回退至直角渲染模式;4. ExplorerPatcher可还原Win10风格并移除圆角。 如果您希望将 Window…

    2026年9月23日
    000
  • Java中利用正则表达式从JSON数组中提取独立JSON对象

    本文详细介绍了如何利用Java正则表达式从格式化的JSON数组中提取独立的JSON对象字符串。通过一个具体的代码示例,文章展示了如何构建一个精确的正则表达式模式来匹配并分离数组中的每个JSON实体,并提供了Java代码实现,包括去除多余空白字符的步骤,最终实现将JSON数组解析为可操作的独立对象字符…

    2026年9月23日
    100
  • PrestaShop分类描述在分页时隐藏的机制与SEO考量

    本教程探讨PrestaShop商店中分类描述在分页时消失的现象。我们将解释为何在访问第二页或后续页面时,分类描述不再显示,甚至在返回第一页后也可能消失。文章将从技术实现和搜索引擎优化(SEO)的角度分析这一行为,强调其通常并非问题,并提供专业见解。 PrestaShop分类描述分页行为解析 在pre…

    2026年9月23日
    100
  • VSCode如何配置生物信息开发环境 VSCode基因组数据分析工作流

    vscode在生物信息学中的核心配置是通过安装python、r、remote-ssh/containers/wsl等扩展,结合conda管理环境,实现多语言支持与远程开发;2. 处理大规模基因组数据时应避免直接打开大文件,而是通过集成终端调用命令行工具(如samtools、bcftools)在远程服…

    2026年9月23日
    000
  • mysql如何输入注释 mysql写sql代码的格式规范

    mysql如何输入注释 mysql写sql代码的格式规范mysql如何输入注释 mysql写sql代码的格式规范mysql如何输入注释 mysql写sql代码的格式规范mysql如何输入注释 mysql写sql代码的格式规范

    在mysql中,单行注释使用–(后跟空格)或#,多行注释使用/*…*/。1. 注释应解释“为什么”而非“是什么”,单行注释推荐使用–,#常用于脚本开头;2. 多行注释适用于复杂逻辑说明或版权信息;3. sql格式规范包括关键词大写、统一缩进、合理换行与逗号放置,以…

    2026年9月23日 用户投稿
    400
  • 快手跟播助手在哪里?快手跟播助手怎么打开

    随着短视频与直播行业的迅猛发展,快手作为国内知名的短视频社交平台,吸引了大量用户涌入。其中,快手跟播助手成为众多用户提升直播体验的重要工具。本文将全面解析快手跟播助手的功能特点、使用方式,并探讨如何借助它打造个人影响力。 一、快手跟播助手功能介绍 快手跟播助手是一款专为快手用户设计的辅助工具,帮助用…

    2026年9月23日
    500
  • CodeIgniter 4 API:捕获并返回HTTP响应中的错误

    在使用CodeIgniter 4构建API服务时,我们经常需要处理各种异常情况。默认情况下,CodeIgniter 4会将错误信息记录到日志文件中,但不会直接将其返回到HTTP响应中。这导致我们需要频繁地查看日志文件来排查问题,效率较低。为了解决这个问题,我们可以通过修改配置文件,将错误信息直接暴露…

    2026年9月23日
    100
  • safari浏览器如何开启画中画模式播放视频_safari浏览器画中画模式开启方法

    如果您在观看网页视频时希望同时进行其他操作,可以启用 Safari 浏览器的画中画模式,让视频以浮动小窗形式继续播放。此功能支持大多数主流视频网站,如 YouTube、优酷等。 本文运行环境:MacBook Air,macOS Sonoma 一、通过视频右键菜单开启画中画 此方法适用于正在播放的视频…

    2026年9月23日
    000
  • go 语言版本控制器

    管理不同版本的go语言环境是一项繁琐的任务,尤其是当需要为每个go特性单独安装go环境时。为了简化这一过程,我们需要一个版本管理工具来统一管理go环境。以下是关于go版本控制器g的详细介绍。 一、Go版本控制器g简介 g是一个适用于Linux、macOS和Windows的命令行工具,旨在提供一个方便…

    2026年9月23日
    000

发表回复

登录后才能评论
关注微信