JavaScript中Set和Map数据结构的应用_javascript es6

Set 和 Map 是 ES6 提供的高效数据结构,Set 用于存储唯一值,适合去重和集合运算;Map 支持任意类型键,适用于动态键值对存储;WeakSet 和 WeakMap 通过弱引用避免内存泄漏,常用于私有数据或对象标记。

javascript中set和map数据结构的应用_javascript es6

在JavaScript ES6中,SetMap 是两种新的内置数据结构,它们为开发者提供了更高效、语义更清晰的方式来处理集合和键值对数据。相比传统的对象或数组操作,它们在特定场景下更具优势。

Set:存储唯一值的集合

Set 是一个可以存储任何类型唯一值的集合,重复添加同一值不会生效。它非常适合去重、快速查找等场景。

常见应用:

数组去重:利用 Set 自动忽略重复值的特性,快速去除数组中的重复元素 交集、并集、差集计算:结合展开运算符和数组方法,实现集合运算 成员检查:使用 has() 方法判断是否存在某个值,性能优于数组的 indexOf 或 includes

示例:数组去重

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

const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueArr = […new Set(arr)];
// 结果:[1, 2, 3, 4, 5]

示例:集合运算

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);

// 并集
const union = new Set([…a, …b]); // {1, 2, 3, 4}

// 交集
const intersect = new Set([…a].filter(x => b.has(x))); // {2, 3}

// 差集(a 中有但 b 中没有)
const difference = new Set([…a].filter(x => !b.has(x))); // {1}

Map:更灵活的键值对存储

传统对象只能用字符串或Symbol作为键,而Map 允许使用任意类型(包括对象、函数、NaN)作为键,且保持插入顺序,更适合动态存储键值对。

适用场景:

需要使用对象作为键时,比如缓存 DOM 节点对应的数据 频繁增删键值对,Map 的性能通常优于普通对象 需要遍历操作,Map 原生支持 forEach、entries() 等方法 统计频次或计数器,代码更清晰

示例:使用对象作为键

const map = new Map();
const objKey = { id: 1 };
map.set(objKey, ‘用户数据’);
console.log(map.get(objKey)); // ‘用户数据’

示例:词频统计

function countWords(str) {
  const words = str.split(‘ ‘);
  const map = new Map();
  for (const word of words) {
    map.set(word, (map.get(word) || 0) + 1);
  }
  return map;
}

WeakSet 和 WeakMap:弱引用版本

它们与 Set/Map 类似,但只允许对象作为键(WeakSet 只存对象),并且是“弱引用”,不影响垃圾回收。适合用于私有数据或对象元信息管理,避免内存泄漏。

典型用途:

WeakMap:存储对象的私有数据,不干扰其生命周期 WeakSet:标记对象是否已被处理,比如在递归遍历时防止重复访问

示例:用 WeakMap 存储私有属性

const privateData = new WeakMap();
class Person {
  constructor(name) {
    privateData.set(this, { name });
  }
  getName() {
    return privateData.get(this).name;
  }
}

基本上就这些。Set 和 Map 让 JavaScript 在处理集合和映射关系时更加专业和高效,尤其是在需要唯一性、非字符串键或频繁操作的场景下,推荐优先考虑使用。Weak 版本则在需要避免内存泄漏时非常有用。合理使用它们,能让代码更清晰、性能更好。

以上就是JavaScript中Set和Map数据结构的应用_javascript es6的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JavaScript中的装饰器及其在类中的应用
上一篇 2025年12月21日 04:02:19
JS如何实现页面刷新提示_JavaScript页面刷新或离开确认提示方法
下一篇 2025年12月21日 04:02:26

相关推荐

  • Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分

    Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分

    本文旨在解决 Java 中使用正则表达式进行字符串替换时,如何避免过度匹配,实现对特定字符串的精准替换。通过使用单词边界 ,我们可以确保只替换独立的 $c 字符串,而不会影响到 $c_new 等包含 $c 的其他字符串。本文将提供详细的代码示例和解释,帮助开发者掌握这一技巧。 在 Java 中,使用…

    2026年9月24日 用户投稿
    1000
  • Java正则表达式:利用词边界实现精确的非贪婪字符串替换

    Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换

    本教程探讨如何在Java中使用正则表达式精确替换字符串中的特定部分,特别是在目标字符串不应消耗后续字符的场景。通过分析常见错误,文章详细介绍了词边界的原理与应用,展示了如何利用它实现非贪婪且不破坏原字符串结构的替换,确保匹配的精确性与替换结果的完整性。 在处理字符串替换时,我们经常面临需要精确匹配特…

    2026年9月24日 用户投稿
    700
  • win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法

    win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法

    通过任务管理器结束进程、调整隐私设置禁用后台权限、使用组策略限制应用运行及修改注册表可有效控制Windows 8中Metro应用的后台活动。 如果您在使用Windows 8系统时发现Metro应用在后台持续运行,导致资源占用较高或影响电池续航,则可以通过以下方法进行管理。这些操作将帮助您有效控制Me…

    2026年9月24日 用户投稿
    100
  • JFugue中和弦解析的深度解析与实践

    JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践

    JFugue库的onChordParsed方法不会被调用,因为JFugue将和弦分解为独立的音符进行处理。本文详细阐述了如何通过onNoteParsed方法结合音符的isFirstNote(), isHarmonicNote(), isMelodicNote()属性来识别Staccato字符串中的和…

    2026年9月24日 用户投稿
    100
  • 怎么在mysql中创建一个表 mysql新建数据表步骤教程

    在 mysql 中创建表的步骤和建议包括:1. 明确业务需求,设计表结构;2. 使用 create table 语句创建表,选择合适的数据类型和设置主键、索引;3. 考虑大数据量时使用分区;4. 设置正确的字符集和排序规则;5. 谨慎使用索引;6. 使用 if not exists 避免重复创建表。…

    2026年9月24日
    100
  • Spring Boot @Nested 测试中属性覆盖与隔离策略

    Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略

    本文深入探讨了在Spring Boot集成测试中,如何利用@Nested注解结合@TestPropertySource实现细粒度的属性配置和隔离。通过详细的示例代码,展示了外部测试类和嵌套测试类如何定义各自的属性集,以及这些属性在不同测试上下文中的继承与覆盖机制,从而确保测试环境的精确控制和独立性。…

    2026年9月24日 用户投稿
    100
  • windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法

    windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法

    若Windows右键“新建”缺失Word或Excel选项,首先检查Office安装完整性,通过“快速修复”或“联机修复”恢复;若无效,可手动在注册表中添加对应ShellNew项并创建NullFile或FileName字符串值;也可使用.reg批处理脚本自动注入注册表;最后重建.docx和.xlsx文…

    2026年9月24日 用户投稿
    100
  • Android应用中通过下载链接从Firebase Storage下载文件教程

    Android应用中通过下载链接从Firebase Storage下载文件教程Android应用中通过下载链接从Firebase Storage下载文件教程Android应用中通过下载链接从Firebase Storage下载文件教程Android应用中通过下载链接从Firebase Storage下载文件教程

    本教程详细介绍了在Android应用中如何利用文件的下载URL,结合Android DownloadManager将Firebase Storage中的文件下载到用户设备指定目录。内容涵盖必要的运行时权限处理、清单文件配置以及DownloadManager的具体使用方法,旨在帮助开发者实现本地文件存…

    2026年9月24日 用户投稿
    300
  • windows10的gpedit.msc组策略打不开_windows10组策略编辑器打不开修复方法

    windows10的gpedit.msc组策略打不开_windows10组策略编辑器打不开修复方法windows10的gpedit.msc组策略打不开_windows10组策略编辑器打不开修复方法windows10的gpedit.msc组策略打不开_windows10组策略编辑器打不开修复方法windows10的gpedit.msc组策略打不开_windows10组策略编辑器打不开修复方法

    首先检查系统文件完整性,运行sfc /scannow修复损坏文件;若为家庭版系统,使用DISM命令安装组策略组件;接着通过注册表编辑器修改MMC相关限制策略;最后尝试直接从System32目录运行gpedit.msc文件。 如果您尝试通过运行命令打开Windows 10的组策略编辑器(gpedit.…

    2026年9月24日 用户投稿
    200
  • Java中双精度浮点数的小数位控制技巧

    Java中双精度浮点数的小数位控制技巧Java中双精度浮点数的小数位控制技巧Java中双精度浮点数的小数位控制技巧Java中双精度浮点数的小数位控制技巧

    本文深入探讨了在Java中有效控制double类型数值小数位数的方法。通过Math.round()函数结合乘除操作,可以实现数值本身的四舍五入并改变其精度;而String.format()则提供了灵活的字符串格式化功能,用于在不修改原始数值的情况下精确控制显示的小数位数。这两种方法分别适用于不同的业…

    2026年9月24日 用户投稿
    100
  • mysql临时表如何使用_PHP中操作mysql临时表的具体步骤

    MySQL临时表仅在当前会话可见,连接关闭后自动删除,适合中间数据处理。使用PHP操作时,先通过mysqli或PDO建立数据库连接,再执行CREATE TEMPORARY TABLE语句创建临时表,随后可像普通表一样进行INSERT、SELECT及JOIN等操作。临时表可与永久表同名且优先被使用,支…

    2026年9月24日
    100
  • UC浏览器怎么查看和清除LocalStorage数据 UC浏览器LocalStorage数据管理方法

    可通过隐私设置清除或开发者工具查看LocalStorage。①在UC浏览器设置中选择“隐私与安全”→“清除浏览数据”,勾选“Cookie及其他网站数据”即可批量删除LocalStorage;②打开uc://inspect启用开发者工具,通过电脑Chrome远程调试查看具体键值对;③root设备后使用…

    2026年9月24日
    300
  • Java语法基础中static关键字可以修饰哪些内容

    static关键字用于定义类成员,包括静态变量(如计数器)、静态方法(如工具方法)、静态代码块(类加载时执行)和静态内部类(不依赖外部类实例),均属于类而非对象,通过类名访问,提升成员至类级别实现共享与提前使用。 static 关键字在 Java 中主要用于定义与类相关而非与对象实例相关的成员。它不…

    2026年9月24日
    200
  • mysql中*是什么意思 mysql星号通配符解析

    在 mysql 中,星号()最常用于 select 语句中代表所有列,但应谨慎使用。1)它方便查看所有数据,但可能返回不必要的数据,影响性能。2)使用可能降低代码可维护性,建议明确列出所需列。3)在like操作符中,不是通配符,需用regexp。4)在视图中使用可能导致定义失效。5)可结合limit…

    2026年9月24日
    100
  • windows怎么关闭cortana进程_彻底关闭小娜(cortana)后台进程的方法

    1、可通过任务管理器结束Cortana进程并禁用其启动项;2、修改注册表或组策略可永久关闭;3、重命名系统目录文件夹可阻止其运行。 如果您发现Windows系统中Cortana(小娜)后台进程占用资源或影响系统性能,可能是该服务在后台持续运行。以下是彻底关闭Cortana进程的操作步骤: 本文运行环…

    2026年9月24日
    800
  • Java语法基础中如何导入其他包中的类

    使用import关键字可导入其他包中的类,如import java.util.ArrayList;2. 通过import java.util.*可导入整个包;3. 不导入时可用全限定名访问类,但不推荐;4. 类名冲突时需使用全限定名区分,如java.sql.Date。 在Java中使用其他包中的类,…

    2026年9月24日
    1200
  • 如何在mysql中升级高可用集群

    先确认版本兼容性、应用依赖及备份完整性,再按架构选择升级路径。对Group Replication或InnoDB Cluster采用滚动升级,先升从节点最后升主节点;MHA/Orchestrator架构先升备库再切换主库;PXC需停集群全量升级。替换二进制后启动实例并运行mysql_upgrade,…

    2026年9月24日
    100
  • win8如何禁用usb端口_Win8 USB端口禁用教程

    1、通过组策略禁用USB存储:使用gpedit.msc进入可移动存储访问,启用“拒绝所有权限”并重启生效;2、修改注册表阻止驱动加载:将USBSTOR下的Start值设为4以禁用U盘等设备;3、设备管理器中手动禁用USB根集线器:逐一右键禁用各USB Root Hub实现端口封锁。 如果您希望在Wi…

    2026年9月24日
    300
  • Java Map.entrySet遍历性能优化

    使用增强for循环遍历Map.entrySet()更高效,避免显式声明Iterator;提前缓存key和value减少重复调用;优先选用HashMap提升性能;大数据量可考虑parallelStream并行处理,但需权衡开销。 在Java中,Map.entrySet() 是遍历键值对最常用的方式之一…

    2026年9月24日
    200
  • Java泛型擦除机制对对象类型的影响

    泛型擦除使Java在编译后移除类型信息,导致运行时无法判断具体泛型类型,影响类型检查、反射获取及继承多态,需通过桥接方法等机制保证一致性。 Java的泛型擦除机制在编译期会移除泛型类型信息,导致运行时无法获取具体的泛型参数类型。这一机制直接影响了对象类型的判断、反射操作以及继承中的类型处理。 泛型擦…

    2026年9月24日
    400

发表回复

登录后才能评论
关注微信