JavaScript 中的 SET(初学者教程)

javascript 中的 set(初学者教程)

你好,

您是否正在寻找一种存储唯一值、允许插入值、查找值总数和删除值的数据结构?套装是最佳选择。许多编程语言都包含内置的 set 数据结构,javascript 也不例外。让我们更深入地了解集合的工作原理。

设置是什么? ​​
set 是一种数据结构,可让您存储任何类型的唯一值,无论是原始值还是对象引用。该集合允许执行 o(1) 时间复杂度的插入、删除、更新和大小操作。这使得设置更快、更高效。

套装旨在提供快速访问时间。它们的实现方式通常使查找项目比简单地逐项检查更快。典型的实现可以是哈希表(o(1) 查找)或搜索树(o(log(n)) 查找)。

要点

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

快速访问:集合提供对元素的快速访问。实现:通常使用哈希表或搜索树来实现。查找时间:平均查找时间优于 o(n),通常 o(1) 或 o(log(n))。

基本方法

add :它将添加元素到集合中。如果该元素存在于集合中,它将不会执行任何操作。has :如果元素存在于集合中,则返回 true,否则返回 false。 size :它将返回集合的大小。 delete :将从集合中删除元素。 keys :javascript set 中的 .keys() 方法返回一个新的迭代器对象,其中包含按插入顺序排列的 set 值。

示例

// 1. create a new set and use the .add() method to add elementsconst myset = new set();myset.add(10);myset.add(20);myset.add(30);console.log(myset); // output: set { 10, 20, 30 }// 2. check if the set has a specific element using .has() methodconsole.log(myset.has(20)); // output: trueconsole.log(myset.has(40)); // output: false// 3. delete an element from the set using .delete() methodmyset.delete(20);console.log(myset); // output: set { 10, 30 }// 4. iterate over the set using .keys() method// in sets, .keys() and .values() do the same thingfor (const key of myset.keys()) {  console.log(key);}// output:// 10// 30// 5. get the size of the set using .size propertyconsole.log(myset.size); // output: 2

leetcode问题设置示例:

3.没有重复字符的最长子串

给定一个字符串 s,找到最长的不包含重复字符的子串的长度。

解决方案

/** * @param {string} s * @return {number} */var lengthOfLongestSubstring = function(s) {    let set = new Set();    let ans = 0;    let s_index = 0;    for (let i = 0; i < s.length; i++) {        if (!set.has(s[i])) {            set.add(s[i]);            ans = Math.max(ans, set.size);        } else {            while (s_index < i && set.has(s[i])) {                set.delete(s[s_index++]);            }            set.add(s[i]);            ans = Math.max(ans, set.size);        }    }    return ans;};/* Example 1:Input: s = "abcabcbb"Output: 3Explanation: The answer is "abc", with the length of 3.Example 2:Input: s = "bbbbb"Output: 1Explanation: The answer is "b", with the length of 1.Example 3:Input: s = "pwwkew"Output: 3Explanation: The answer is "wke", with the length of 3.Notice that the answer must be a substring, "pwke" is a subsequence and not a substring.*/

说明:
函数 lengthoflongestsubstring 使用带有 set 的滑动窗口技术来查找不重复字符的最长子字符串:

扩展窗口:如果角色尚不存在,请将其添加到集合中。缩小窗口:当发现重复项时,从窗口开头删除字符,调整窗口大小。更新长度:跟踪具有唯一字符的子字符串的最大长度。该方法通过最多处理每个字符两次来确保高效的 o(n) 时间复杂度。

就是这样,如果您有任何疑问或任何建议或任何事情,请随时添加评论。

来源:
mdn(集)

以上就是JavaScript 中的 SET(初学者教程)的详细内容,更多请关注创想鸟其它相关文章!

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
我如何修复 TypeScript 设置问题:类型请求中不存在属性用户
上一篇 2025年12月19日 13:57:50
了解 React 应用程序中的渲染和重新渲染:它们如何工作以及如何优化它们
下一篇 2025年12月19日 13:58:05

相关推荐

  • Excel表格怎么给数据自动排序_Excel表格数据排序操作方法

    Excel表格怎么给数据自动排序_Excel表格数据排序操作方法Excel表格怎么给数据自动排序_Excel表格数据排序操作方法Excel表格怎么给数据自动排序_Excel表格数据排序操作方法Excel表格怎么给数据自动排序_Excel表格数据排序操作方法

    选中数据区域后通过“数据”选项卡进行升序或降序操作,可快速完成基础排序;若需多条件排序,应打开排序对话框设置多个关键字;为实现自动排序效果,可将数据转为表格或使用辅助列结合RANK函数,真正实时排序则需VBA宏。注意避免仅选单列以防错位。 在Excel中对数据进行自动排序,能快速整理信息,提升工作效…

    2026年9月28日 • 用户投稿
    000
  • 微博pc版和手机版什么区别_微博pc版与手机版功能对比分析

    微博pc版和手机版什么区别_微博pc版与手机版功能对比分析微博pc版和手机版什么区别_微博pc版与手机版功能对比分析微博pc版和手机版什么区别_微博pc版与手机版功能对比分析微博pc版和手机版什么区别_微博pc版与手机版功能对比分析

    微博PC版与手机版在界面布局、功能设置、链接结构和使用场景上存在明显差异。1、PC版采用三栏式布局,信息密度高,支持复杂操作如多图上传和定时发布;2、手机版为单栏垂直滚动设计,界面简洁,集成拍照上传、地理位置等移动专属功能;3、PC端链接结构复杂,手机端多用短链或weibo://协议,跨设备访问时可…

    2026年9月28日 • 用户投稿
    100
  • 微信视频号如何变现?微信视频号如何变现有几种变现方式

    微信视频号如何变现?微信视频号如何变现有几种变现方式微信视频号如何变现?微信视频号如何变现有几种变现方式微信视频号如何变现?微信视频号如何变现有几种变现方式微信视频号如何变现?微信视频号如何变现有几种变现方式

    随着微信用户数量的不断攀升,微信视频号逐渐成为了一个热门的社交平台。许多内容创作者通过微信视频号吸引了大量粉丝,但如何将这些粉丝转化为实际收益,成为了大家关注的焦点。本文将为大家揭秘微信视频号如何变现的高效盈利之道。 一、了解微信视频号变现的途径 1. 广告变现:广告是目前微信视频号变现的主要途径之…

    2026年9月28日 • 用户投稿
    100
  • JNA高级教程:如何高效映射C语言嵌套结构体与联合体

    JNA高级教程:如何高效映射C语言嵌套结构体与联合体JNA高级教程:如何高效映射C语言嵌套结构体与联合体JNA高级教程:如何高效映射C语言嵌套结构体与联合体JNA高级教程:如何高效映射C语言嵌套结构体与联合体

    本教程深入探讨了JNA在Java与C语言之间进行复杂数据类型映射的机制,特别是针对包含嵌套结构体和联合体(Union)的场景。文章通过分析一个实际的错误案例,详细阐述了JNA对Java类继承Structure或Union的严格要求,并提供了两种核心解决方案:一是直接构建与C语言定义精确对应的JNA映…

    2026年9月28日 • 用户投稿
    100
  • JNA高级教程:深入理解原生结构体与联合体映射

    JNA高级教程:深入理解原生结构体与联合体映射JNA高级教程:深入理解原生结构体与联合体映射JNA高级教程:深入理解原生结构体与联合体映射JNA高级教程:深入理解原生结构体与联合体映射

    本教程详细探讨了JNA在与原生库交互时,如何正确映射包含嵌套结构体或联合体的复杂数据类型。文章首先分析了IllegalArgumentException的常见原因——非Structure类型字段导致JNA无法确定原生大小,随后提供了两种解决方案:一是直接通过JNA的Structure和Union类精…

    2026年9月28日 • 用户投稿
    100
  • Java中List of Lists按指定列排序与查找教程

    Java中List of Lists按指定列排序与查找教程Java中List of Lists按指定列排序与查找教程Java中List of Lists按指定列排序与查找教程Java中List of Lists按指定列排序与查找教程

    本教程详细介绍了如何在Java中处理List<List>数据结构,以实现按指定“列”进行排序,并在此基础上高效查找包含特定值的“行”。文章通过自定义Comparator来对行数据进行比较和排序,并提供了识别目标列索引的策略,从而解决了在复杂嵌套列表中进行数据组织和检索的常见挑战。 1. …

    2026年9月28日 • 用户投稿
    200
  • 传小米17系列仅标准版和Ultra版有国际版 背屏特供国内

    传小米17系列仅标准版和Ultra版有国际版 背屏特供国内传小米17系列仅标准版和Ultra版有国际版 背屏特供国内传小米17系列仅标准版和Ultra版有国际版 背屏特供国内传小米17系列仅标准版和Ultra版有国际版 背屏特供国内

    近日,有博主透露,小米17系列中仅有标准版和ultra版将推出国际版本,而配备背屏的pro系列则为中国市场专属。 小米17 Pro系列 根据CNMO掌握的消息,小米将于9月25日19点举行新品发布会,届时将发布小米17系列、小米平板8系列等多款新产品。其中,小米17 Pro系列新增“妙享背屏”功能,…

    2026年9月28日 • 用户投稿
    000
  • 豆瓣APP怎么看小组里自己的帖子_小组内个人发帖查找方法

    豆瓣APP怎么看小组里自己的帖子_小组内个人发帖查找方法豆瓣APP怎么看小组里自己的帖子_小组内个人发帖查找方法豆瓣APP怎么看小组里自己的帖子_小组内个人发帖查找方法豆瓣APP怎么看小组里自己的帖子_小组内个人发帖查找方法

    通过个人主页动态可直接查看按时间倒序排列的小组发帖与回复;2. 在小组内使用搜索功能输入用户名或关键词筛选个人发帖;3. 借助爱豆搜等外部工具输入ID和关键词高效检索历史帖子。 如果您在豆瓣小组中发布了多个帖子,但无法快速找到自己之前的发言记录,可能是因为缺少直接的“我的帖子”聚合功能。以下是几种在…

    2026年9月28日 • 用户投稿
    000
  • 怎么删除微信公众号_微信公众号内容与账号删除教程

    怎么删除微信公众号_微信公众号内容与账号删除教程怎么删除微信公众号_微信公众号内容与账号删除教程怎么删除微信公众号_微信公众号内容与账号删除教程怎么删除微信公众号_微信公众号内容与账号删除教程

    删除微信公众号内容或账号需谨慎操作。删除文章后,用户通过原链接只能看到“内容已删除”提示,但链接仍存在;注销账号则需满足无违规、无资金未结清等条件,并经历15天冷静期,一旦完成,所有数据将永久清空,名称可能被释放,且无法恢复。批量删除文章需手动逐页操作,效率较低,建议提前分类管理。操作前应备份重要内…

    2026年9月28日 • 用户投稿
    100
  • 整理桌面图标win10方法

    整理桌面图标win10方法整理桌面图标win10方法整理桌面图标win10方法整理桌面图标win10方法

    想要让自己的windows 10桌面更加整洁美观,但又不知道如何下手?别担心,接下来就为大家详细介绍如何在win10系统中整理桌面图标,让你的桌面焕然一新! 如何让Win10桌面图标整齐排列: 首先,在桌面上单击鼠标右键,然后选择顶部菜单中的“查看”选项。 在弹出的菜单中,你可以看到诸如“自动排列图…

    2026年9月28日 • 用户投稿
    100
  • 巴别塔圣歌笔记本答案怎么获取 笔记本谜题详细解答

    巴别塔圣歌笔记本答案怎么获取 笔记本谜题详细解答巴别塔圣歌笔记本答案怎么获取 笔记本谜题详细解答巴别塔圣歌笔记本答案怎么获取 笔记本谜题详细解答巴别塔圣歌笔记本答案怎么获取 笔记本谜题详细解答

    游戏第一章的初始谜题涉及“开关门”的符号排列,需将开关符号置于左侧,门符号放在右侧。完成此步骤后,进入水阀控制系统,正确操作顺序为“上、上、下、上、下”,可成功关闭左侧的三个出水口。 第二章谜题复杂度上升,首先需解开“隐藏、孩童”与“寻找、孩童”两组关键词。随后面对“推倒、石柱、道路”的图示组合,以…

    2026年9月28日 • 用户投稿
    100
  • 十一小长假肆意畅玩!华硕RTX5060甜品卡全力助能

    十一小长假肆意畅玩!华硕RTX5060甜品卡全力助能十一小长假肆意畅玩!华硕RTX5060甜品卡全力助能十一小长假肆意畅玩!华硕RTX5060甜品卡全力助能十一小长假肆意畅玩!华硕RTX5060甜品卡全力助能

    十一假期的脚步渐近,想想即将到来的悠闲小长假,小伙伴们准备怎样度过呢?宅家开启电竞狂欢才是明智之选!在这个假期,有诸多佳作等你来战,准备好投身一场热血沸腾的电竞之旅了吗~ 想要顺利畅享游戏大作带来的极致体验,DLSS技术的支持至关重要。DLSS是一套创新性的神经网络渲染技术,借助AI提升帧率、降低延…

    2026年9月28日 • 用户投稿
    400
  • 显卡散热风扇的轴承技术如何影响噪音与寿命?

    显卡风扇的噪音和寿命主要由轴承类型决定,含油轴承成本低但寿命短、易变吵;滚珠轴承寿命长、稳定性好,但可能有轻微机械噪音;流体动压轴承(FDB/HDB)静音效果最佳、寿命最长,是高端显卡首选。此外,风扇叶片设计、电机品质、散热结构、安装方式及线圈啸叫等也影响整体噪音。通过定期除尘、优化风道、自定义风扇…

    2026年9月27日
    100
  • iPhone 18 Pro超前曝光:2nm心片加持 屏下Face ID无望

    iPhone 18 Pro超前曝光:2nm心片加持 屏下Face ID无望iPhone 18 Pro超前曝光:2nm心片加持 屏下Face ID无望iPhone 18 Pro超前曝光:2nm心片加持 屏下Face ID无望iPhone 18 Pro超前曝光:2nm心片加持 屏下Face ID无望

    虽然距离iphone 18 pro和iphone 18 pro max正式亮相还有一年时间,但关于这两款机型的传闻已陆续浮现。据cnmo整理外媒最新爆料消息,以下是一些备受关注的潜在升级亮点: iPhone 17 Pro系列 灵动岛或将缩小 有知名数码博主透露,iPhone 18标准版及Pro系列有…

    2026年9月27日 • 用户投稿
    000
  • mysql中explain用法

    mysql中explain用法mysql中explain用法mysql中explain用法mysql中explain用法

    MySQL中的EXPLAIN用法详解及代码示例 在MySQL中,EXPLAIN是一个非常有用的工具,用于分析查询语句的执行计划。通过使用EXPLAIN,我们可以了解到MySQL数据库是如何执行查询语句的,从而帮助我们优化查询性能。 EXPLAIN的基本语法如下: EXPLAIN SELECT 列名 …

    2026年9月27日 • 用户投稿
    300
  • Java Swing GUI:构建交互式逻辑门(AND门示例)

    Java Swing GUI:构建交互式逻辑门(AND门示例)Java Swing GUI:构建交互式逻辑门(AND门示例)Java Swing GUI:构建交互式逻辑门(AND门示例)Java Swing GUI:构建交互式逻辑门(AND门示例)

    本文详细介绍了如何使用Java Swing构建一个简单的AND逻辑门GUI应用。通过结合JCheckBox作为输入和JLabel作为视觉输出,并利用ChangeListener监听组件状态变化,实现当两个复选框都被选中时显示“绿色”,否则显示“红色”的功能。教程涵盖了组件创建、事件监听以及将自定义面…

    2026年9月27日 • 用户投稿
    200
  • laravel怎么在 Eloquent 中使用 DB::raw() 执行原生表达式_laravel Eloquent DB::raw原生表达式使用方法

    laravel怎么在 Eloquent 中使用 DB::raw() 执行原生表达式_laravel Eloquent DB::raw原生表达式使用方法laravel怎么在 Eloquent 中使用 DB::raw() 执行原生表达式_laravel Eloquent DB::raw原生表达式使用方法laravel怎么在 Eloquent 中使用 DB::raw() 执行原生表达式_laravel Eloquent DB::raw原生表达式使用方法laravel怎么在 Eloquent 中使用 DB::raw() 执行原生表达式_laravel Eloquent DB::raw原生表达式使用方法

    在 Laravel Eloquent 中可使用 DB::raw() 实现复杂查询,1. 在 select 中添加计算字段如 COUNT;2. 用 whereRaw 配合参数绑定安全过滤数据;3. 通过 orderByRaw 按表达式排序;4. 使用 havingRaw 对聚合结果筛选;5. 注意避免…

    2026年9月27日 • 用户投稿
    1100
  • Word文档怎么插入可以打勾的方框_Word可勾选复选框插入与使用教程

    Word文档怎么插入可以打勾的方框_Word可勾选复选框插入与使用教程Word文档怎么插入可以打勾的方框_Word可勾选复选框插入与使用教程Word文档怎么插入可以打勾的方框_Word可勾选复选框插入与使用教程Word文档怎么插入可以打勾的方框_Word可勾选复选框插入与使用教程

    1、通过启用“开发工具”可插入可点击打勾的复选框控件;2、使用Wingdings 2字体插入静态方框与对勾符号实现手动标记;3、利用表格单元格模拟方框并输入对勾符号用于打印或数字勾选;4、结合ActiveX控件与VBA实现高级交互功能,需保存为.docm格式。 如果您需要在Word文档中创建可打勾的…

    2026年9月27日 • 用户投稿
    100
  • Real RGB OLED 屏手机将量产上市 猜猜是华为还是小米?

    Real RGB OLED 屏手机将量产上市 猜猜是华为还是小米?Real RGB OLED 屏手机将量产上市 猜猜是华为还是小米?Real RGB OLED 屏手机将量产上市 猜猜是华为还是小米?Real RGB OLED 屏手机将量产上市 猜猜是华为还是小米?

    供应链消息:real rgb oled屏幕即将量产,手机显示技术迎来革新! 手机屏幕显示效果有望迎来重大突破!据数码闲聊站爆料,Real RGB OLED屏幕将于今年正式量产。该屏幕采用完整RGB子像素排列,每个子像素独立发光,显著提升清晰度,并有效降低像素密度损失,在同分辨率下显示效果可与LCD屏…

    2026年9月27日 • 用户投稿
    000
  • safari浏览器“显示概览”功能怎么用_safari浏览器显示概览功能使用方法

    Safari浏览器中可通过触控手势、标签页按钮或键盘快捷键快速进入标签页概览模式,查看并管理所有打开的页面,支持切换、关闭及创建标签页组。 如果您在浏览网页时希望快速查看所有打开的标签页并进行管理,Safari浏览器中的“显示概览”功能可以帮助您实现这一操作。通过该功能,您可以直观地查看每个标签页的…

    2026年9月27日
    000

发表回复

登录后才能评论
关注微信