”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > JavaScript 中的 SET(初学者教程)

JavaScript 中的 SET(初学者教程)

发布于2024-11-04
浏览:922

SET in JavaScript (Tutorial for Beginners)

你好呀,

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

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

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

要点

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

基本方法

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

示例

// 1. Create a new Set and use the .add() method to add elements
const 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() method
console.log(mySet.has(20)); // Output: true
console.log(mySet.has(40)); // Output: false

// 3. Delete an element from the Set using .delete() method
mySet.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 thing
for (const key of mySet.keys()) {
  console.log(key);
}
// Output:
// 10
// 30

// 5. Get the size of the Set using .size property
console.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 



解释:
函数 lengthOfLongestSubstring 使用滑动窗口技术和 Set 来查找不重复字符的最长子字符串:

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

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

来源:
MDN(集)

版本声明 本文转载于:https://dev.to/yashrajxdev/set-data-structure-in-javascript-2e4i?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何防止 Pandas 在保存 CSV 时添加索引列?
    如何防止 Pandas 在保存 CSV 时添加索引列?
    避免使用 Pandas 保存的 CSV 中的索引列使用 Pandas 进行修改后保存 csv 文件时,默认行为是包含索引列。为了避免这种情况,可以在使用 to_csv() 方法时将索引参数设置为 False。为了详细说明,请考虑以下命令序列:pd.read_csv('C:/Path/to/file....
    编程 发布于2024-11-09
  • 为什么 OpenX 仪表板显示“错误 330 (net::ERR_CONTENT_DECODING_FAILED)”?
    为什么 OpenX 仪表板显示“错误 330 (net::ERR_CONTENT_DECODING_FAILED)”?
    错误 330 (net::ERR_CONTENT_DECODING_FAILED):解开压缩问题遇到神秘的“错误 330 (net::ERR_CONTENT_DECODING_FAILED)” “在导航到仪表板页面时,必须深入研究根本原因。当 Web 服务器错误识别 HTTP 请求中使用的内容压缩方...
    编程 发布于2024-11-09
  • 除了“if”语句之外:还有哪些地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    除了“if”语句之外:还有哪些地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换,使您能够在条件语句中直接使用其实例“t”。然而,这种显式转换提出了一个问题:“t”在哪里可以在不进行强制转换的情况下用作 bool?上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句:if、whi...
    编程 发布于2024-11-09
  • 大批
    大批
    方法是可以在对象上调用的 fns 数组是对象,因此它们在 JS 中也有方法。 slice(begin):将数组的一部分提取到新数组中,而不改变原始数组。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index p...
    编程 发布于2024-11-09
  • 如何在Java中使用堆栈将算术表达式解析为树结构?
    如何在Java中使用堆栈将算术表达式解析为树结构?
    在 Java 中将算术表达式解析为树结构从算术表达式创建自定义树可能是一项具有挑战性的任务,特别是在确保树结构时准确反映表达式的操作和优先级。要实现这一点,一种有效的方法是使用堆栈。以下是该过程的逐步描述:初始化:从空堆栈开始。处理令牌:迭代表达式中的每个标记:如果标记是左括号,则压入它如果 tok...
    编程 发布于2024-11-09
  • 在 Go 中使用 WebSocket 进行实时通信
    在 Go 中使用 WebSocket 进行实时通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    编程 发布于2024-11-09
  • 如何进行有替换和无替换的有效加权随机选择?
    如何进行有替换和无替换的有效加权随机选择?
    带替换和不带替换的加权随机选择为了应对编程挑战,我们寻求从列表中进行加权随机选择的有效算法, 带替换的加权选择一种有效的方法带替换的加权选择是别名方法。该技术为每个加权元素创建一组相同大小的箱。通过利用位操作,我们可以有效地索引这些容器,而无需诉诸二分搜索。每个 bin 存储一个百分比,表示原始加权...
    编程 发布于2024-11-09
  • 如何在不依赖框架的情况下确定 DOM 准备情况?
    如何在不依赖框架的情况下确定 DOM 准备情况?
    Document.isReady:DOM 就绪检测的本机解决方案依赖于 Prototype 和 jQuery 等框架来管理 window.onload 事件可能不会总是令人向往。本文探讨了确定 DOM 就绪情况的替代方法,特别是通过使用 document.isReady.查询 Document.is...
    编程 发布于2024-11-09
  • 如何在 Golang 中检索 XML 数组中的所有元素而不仅限于第一个元素?
    如何在 Golang 中检索 XML 数组中的所有元素而不仅限于第一个元素?
    在 XML 中解组数组元素:检索所有元素,而不仅仅是第一个当使用 xml.Unmarshal( 在 Golang 中解组 XML 数组时[]byte(p.Val.Inner), &t),您可能会遇到仅检索第一个元素的情况。要解决此问题,请利用 xml.Decoder 并重复调用其 Decode 方法...
    编程 发布于2024-11-09
  • 带有管理面板的轻量级 Rest Api,可轻松管理食物食谱。
    带有管理面板的轻量级 Rest Api,可轻松管理食物食谱。
    你好, ?所有这篇文章都是关于我刚刚在 Github 上发布的 Django Rest Framework API。 如果您正在寻找一些简单而高效的 API 来从管理面板管理食物食谱并将其返回以供客户端使用,那么此存储库适合您。 该代码是轻量级的,可以在任何低功耗迷你 PC(如 Raspberry...
    编程 发布于2024-11-09
  • 如何使用正则表达式匹配带有或不带有可选 HTTP 和 WWW 前缀的 URL?
    如何使用正则表达式匹配带有或不带有可选 HTTP 和 WWW 前缀的 URL?
    使用可选 HTTP 和 WWW 前缀匹配 URL正则表达式是执行复杂模式匹配任务的强大工具。当涉及到匹配 URL 时,格式通常会有所不同,例如是否包含“http://www”。 使用正则表达式的解决方案匹配带或不带“http://www”的 URL。前缀,可以使用以下正则表达式:((https?|f...
    编程 发布于2024-11-09
  • 如何在不依赖扩展名的情况下确定文件类型?
    如何在不依赖扩展名的情况下确定文件类型?
    如何在不依赖扩展名的情况下检测文件类型除了检查文件的扩展名之外,确定文件是 mp3 还是图像格式是很有价值的编程中的任务。这是一个不依赖扩展的全面解决方案:PHP >= 5.3:$mimetype = finfo_fopen(fopen($filename, 'r'), FILEINFO_MIME_...
    编程 发布于2024-11-09
  • 在 JavaScript 中实现斐波那契数列:常见方法和变体
    在 JavaScript 中实现斐波那契数列:常见方法和变体
    作为开发人员,您可能遇到过编写函数来计算斐波那契数列中的值的任务。这个经典问题经常出现在编码面试中,通常要求递归实现。然而,面试官有时可能会要求具体的方法。在本文中,我们将探讨 JavaScript 中最常见的斐波那契数列实现。 什么是斐波那契数列? 首先,让我们回顾一下。斐波那契数...
    编程 发布于2024-11-09
  • 如何使用 .htaccess 更改共享服务器上的 PHP 版本?
    如何使用 .htaccess 更改共享服务器上的 PHP 版本?
    在共享服务器上通过 .htaccess 更改 PHP 版本如果您正在操作共享服务器并且需要更改 PHP 版本,可以通过 .htaccess 文件来做到这一点。这允许您为您的网站运行特定的 PHP 版本,同时服务器维护其默认版本。要切换 PHP 版本,请按照下列步骤操作:找到 . htaccess 文...
    编程 发布于2024-11-09
  • 如何在Ajax数据加载过程中显示进度条?
    如何在Ajax数据加载过程中显示进度条?
    如何在 Ajax 数据加载期间显示进度条处理用户触发的事件(例如从下拉框中选择值)时,通常使用异步检索数据阿贾克斯。在获取数据时,向用户提供正在发生某事的视觉指示是有益的。本文探讨了一种在 Ajax 请求期间显示进度条的方法。使用 Ajax 实现进度条要创建一个准确跟踪 Ajax 调用进度的进度条,...
    编程 发布于2024-11-09

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3