Javascript中的Map和Set数据结构是什么?

Map 和 Set 是 JavaScript 中高效管理键值对和唯一值的内置集合类型:Map 键可为任意类型且保持插入顺序,Set 自动去重并支持快速成员判断。

javascript中的map和set数据结构是什么?

MapSet 是 JavaScript 中两种内置的集合类型,用于更高效、更语义化地管理键值对和唯一值。

Map:带顺序的键值对集合

Map 类似于对象(Object),但更灵活:它的键可以是任意类型(字符串、数字、对象、函数、Symbol 等),且会按插入顺序遍历。对象的键只能是字符串或 Symbol,且不保证遍历顺序(尤其在涉及数字键时)。

常用操作:

创建:const map = new Map()new Map([[key1, val1], [key2, val2]]) 增/改:map.set(key, value) 查:map.get(key),不存在返回 undefined 删:map.delete(key),返回布尔值表示是否删除成功 判断存在:map.has(key) 清空:map.clear() 获取大小:map.size(是属性,不是方法)

Set:只存唯一值的集合

Set 存储一组互不重复的值,不限类型。它不关心“键”和“值”的对应关系,只关注“这个值是否已存在”。常用来去重或做成员判断。

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

常用操作:

创建:const set = new Set()new Set([1, 2, 2, 3]) → 自动去重为 {1, 2, 3} 添加:set.add(value)(重复添加无效) 判断存在:set.has(value) 删除:set.delete(value) 清空:set.clear() 获取大小:set.size

和 Object / Array 的主要区别

Object 的键会被强制转为字符串,导致 {[1]: 'a', [true]: 'b'} 实际变成 {'1': 'a', 'true': 'b'};Map 则保留原始键类型。
Array 虽可模拟集合,但查找、去重、判断存在都要遍历,时间复杂度 O(n);Map 和 Set 的 gethasadd 均为平均 O(1)。

另外,Map 和 Set 都是可迭代对象,支持 for...of、扩展运算符([...map])、解构等。

什么时候该用 Map 或 Set?

Map 当你需要:键不是字符串/Symbol、需要保持插入顺序、频繁增删查键值对、以对象为键(比如缓存 DOM 元素对应的数据)。

Set 当你需要:快速去重(如 [...new Set(arr)])、高效判断某值是否存在(比 arr.includes() 快得多)、统计唯一项数量。

基本上就这些。它们不是替代 Object 或 Array 的工具,而是补足了 JS 在数据组织上的关键缺口。

以上就是Javascript中的Map和Set数据结构是什么?的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 13:51:00
下一篇 2025年12月21日 13:51:13

相关推荐

  • js中function函数的使用方法【教程】

    JavaScript中function函数有七种使用方法:一、声明函数(具名、可提升);二、表达式函数(匿名、不可提升);三、箭头函数(简洁、不绑定this);四、IIFE(立即执行、隔离作用域);五、构造函数(new调用、创建实例);六、作为参数(高阶函数、回调);七、递归函数(自调用、需终止条件…

    2025年12月21日
    000
  • JavaScript格斗赛程编排:实现选手轮休间隔的动态算法设计

    本文详细介绍了一种javascript算法,旨在解决格斗赛程编排中确保选手轮休间隔的问题。通过动态维护一个“疲劳选手列表”和“已编排场次索引”,该算法能够根据用户设定的最小轮休场次间隔,智能地为每场比赛分配合适的序号,避免同一选手连续参赛,从而实现公平且符合规则的赛程安排。 赛程编排挑战:确保选手轮…

    2025年12月21日
    000
  • 如何在Leaflet地图中正确移除多个标记

    本教程旨在解决Leaflet地图中无法正确移除多个动态生成标记的常见问题。文章将深入分析问题根源,即混淆单个标记变量与标记数组,并解释为何简单清空数组不足以从地图上移除图层。我们将提供详细的修正方案,通过迭代标记数组并调用每个标记的`remove()`方法来实现有效移除,同时探讨使用`L.featu…

    2025年12月21日
    000
  • Nuxt 3 useFetch中正确传递客户端Cookie请求头的方法

    在nuxt 3应用中,特别是在服务器端渲染(ssr)环境下,确保`usefetch`能够正确地将客户端浏览器的cookie头信息传递给内部或外部api请求是常见的挑战。本文将深入探讨`usefetch`在处理cookie时遇到的问题,并重点介绍如何利用`userequestheaders`这一nux…

    2025年12月21日
    000
  • 什么是JavaScript中的Symbol类型?

    Symbol 是 JavaScript 中用于创建唯一、不可变原始值的类型,主要避免属性名冲突;其值唯一、不可隐式转字符串、不被常规遍历,可用作对象私有键,支持全局注册(Symbol.for)和内置行为钩子(如 Symbol.iterator)。 Symbol 是 JavaScript 中一种原始数…

    2025年12月21日
    000
  • Javascript中的Web Components是什么?

    Web Components 是浏览器原生支持的可复用自定义元素标准,由 Custom Elements(定义带短横线标签及生命周期)、Shadow DOM(提供样式与 DOM 隔离)和 HTML Templates(惰性加载结构模板)三部分构成,核心价值在于原生性与跨框架解耦。 Web Compo…

    2025年12月21日
    000
  • JavaScript中动态管理对象内数组:避免push错误的教程

    本教程旨在解决javascript开发中,尝试向对象内部的数组属性添加元素时常见的`typeerror: push is not a function`错误。文章将深入分析该错误产生的原因,并提供一种健壮的解决方案:在执行`push`操作前,务必检查并确保目标属性已被正确初始化为一个数组。通过这种方…

    好文分享 2025年12月21日
    000
  • Webpack中未导出代码的模块引用问题解析与解决方案

    本文深入探讨了webpack在打包过程中,对于模块内部未导出或未直接调用的函数中,对导入模块引用处理不一致的问题。即使禁用了部分优化选项,webpack仍可能不会正确地重命名这些“未被使用”代码块中的模块引用,导致运行时错误。文章提供了通过导出相关函数或在模块内部调用它们来解决此问题的具体方法。 W…

    2025年12月21日
    000
  • javascript中的通知API是什么_如何向用户发送桌面通知

    通知 API 允许网页发送桌面通知,需按序请求授权、检查权限(granted/denied/default)、创建 Notification 实例;必须由用户手势触发 requestPermission(),支持 body/icon/tag 等配置及 onclick/onclose 事件监听。 Ja…

    2025年12月21日
    000
  • 在NetSuite Suitelet中实现拖放文件上传到文件柜的教程

    本教程详细介绍了如何在netsuite suitelet中构建一个拖放文件上传功能。我们将结合服务器端suitelet脚本来渲染用户界面和处理文件保存,以及客户端javascript来管理拖放事件和通过ajax提交文件。通过这种方式,用户可以直接将文件拖放到指定区域,实现无缝、高效地将文件上传至ne…

    2025年12月21日
    000
  • javascript中的动画如何实现_如何使用requestAnimationFrame优化

    JavaScript动画本质是连续快速更新样式以产生动态错觉,推荐使用requestAnimationFrame(rAF)实现,因其与屏幕刷新同步、后台自动暂停、适配多设备刷新率且避免布局抖动。 JavaScript 中的动画本质是连续快速地更新元素的样式(比如位置、透明度、缩放等),让肉眼产生“动…

    2025年12月21日
    000
  • 什么是代码覆盖率_javascript中如何测试覆盖率?

    代码覆盖率是衡量测试用例执行源代码比例的指标,主流工具为Istanbul(nyc),Jest/Vitest内置支持,Mocha需手动集成;报告含Lines、Functions、Branches、Statements四维度;提升覆盖率需覆盖所有分支、异步逻辑、异常路径及React状态更新。 代码覆盖率…

    2025年12月21日
    000
  • Firebase Auth重定向登录后自定义参数的持久化与获取策略

    本文旨在解决firebase auth重定向登录过程中,无法直接通过`getredirectresult`获取自定义参数的问题。核心策略是利用浏览器`localstorage`在重定向前持久化所需参数,并在用户成功登录并重定向回应用后,从`localstorage`中检索这些参数,从而实现跨页面状态…

    2025年12月21日
    000
  • 怎样进行javascript函数组合_它如何构建数据管道?

    函数组合是将多个单参数纯函数串联成数据处理流水线的技术,支持同步与异步场景,常用 pipe(从左到右)或 compose(从右到左)实现,提升代码可读性、复用性与可测试性。 函数组合就是把多个小函数像积木一样串起来,让前一个的输出自动变成后一个的输入。它不改变原始数据,而是构建一条清晰的数据处理流水…

    2025年12月21日
    000
  • 如何实现路由_javascript中单页面应用路由如何搭建?

    单页面应用(SPA)路由通过前端JavaScript动态切换视图,核心是监听URL变化、匹配路径并渲染组件。可基于History API(pushState/replaceState/popstate)或Hash模式(hashchange)实现,推荐使用Vue Router或React Router…

    2025年12月21日
    000
  • javascript类如何定义_它与构造函数有什么区别和联系?

    JavaScript 中的类是 ES6 引入的语法糖,本质仍是基于原型的构造函数机制;它提升可读性与一致性,但不改变底层逻辑,需理解其与原型链的对应关系才能真正用好。 JavaScript 中的 类(class) 是 ES6 引入的语法糖,本质上仍是基于原型的构造函数机制,它本身不改变底层运行逻辑,…

    2025年12月21日
    000
  • 如何使用JavaScript进行表单验证_它如何确保用户输入的数据有效呢

    JavaScript表单验证是在提交前实时检查输入是否符合要求,如邮箱格式、密码长度、必填项等,响应快但仅为体验优化,安全须依赖后端重复校验。 JavaScript 表单验证是在用户提交数据前,用代码实时检查输入内容是否符合要求,比如邮箱格式对不对、密码有没有够长、必填项空没空。它不依赖服务器,响应…

    2025年12月21日
    000
  • javascript的Promise是什么_如何使用它管理异步操作?

    Promise 是 JavaScript 处理异步操作的对象,有 pending、fulfilled、rejected 三种不可逆状态;通过 new Promise() 创建,用 .then()、.catch()、.finally() 链式处理,支持串行(.then 链)、并行(Promise.al…

    2025年12月21日
    000
  • JavaScript中基于偏移量动态插入HTML标签的正确姿势与常见陷阱

    本文深入探讨了在javascript中根据提供的偏移量和标记动态地将html标签插入到文本字符串时遇到的常见问题及其解决方案。主要聚焦于因替换内容长度变化导致的偏移量失效,以及替换函数中对原始字符串长度处理不当的问题。文章提供了一种健壮的解决方案,通过逆序处理替换和优化替换逻辑来确保准确性,适用于需…

    2025年12月21日
    000
  • 什么是中间件_javascript中express如何应用?

    中间件是处理请求和响应的函数,可在路由前/后执行,修改req/res或终结响应;Express中分为应用级、路由器级和错误处理三类,需按顺序注册以确保JSON解析、鉴权、静态资源等正常工作。 中间件是处理请求和响应的函数,它在请求到达路由处理函数之前(或之后)执行,可以修改请求对象(req)、响应对…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信