」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如果沒有內建支持,如何在 JavaScript 中實現 Set 功能?

如果沒有內建支持,如何在 JavaScript 中實現 Set 功能?

發佈於2024-11-09
瀏覽:580

How Can You Implement Set Functionality in JavaScript Without Built-in Support?

JavaScript 中的模仿集合

JavaScript 不提供內建Set 對象,但開發人員通常需要能夠透過快速尋找來儲存唯一的無序值,新增和刪除功能。

使用具有布林值的物件:
如同問題中所建議的,一個物件可以用來模仿一個集合。鍵代表值,且值都設為true(或任何非空值)。這種方法提供了快速的查找和刪除,但隨著鍵數量的增加,添加變得更慢。

ES6 Set Object:
如果您的環境支援 ES6(例如,現代瀏覽器或轉譯)代碼),您可以使用內建的 Set 物件。它對所有集合操作都具有出色的性能,並且還允許輕鬆迭代元素並避免字串強制。

Polyfills 和預先建構物件:
對於不支援的環境ES6,您可以使用像「ES6-Set」這樣的polyfill 或像「miniSet」或「set.js 」這樣的預構建對象,它們提供與ES6 Set 對象類似的功能。這些提供了一些優點,例如與舊版瀏覽器相容或較小的程式碼佔用空間。

實現詳細資訊:

使用物件:

const setObj = {};
setObj["item1"] = true;
if ("item1" in setObj) { // fast lookup
  console.log("Item found");
}
delete setObj["item1"]; // fast deletion

使用ES6 Set物件:

const set = new Set();
set.add("item1");
if (set.has("item1")) { // fast lookup
  console.log("Item found");
}
set.delete("item1"); // fast deletion

使用 Polyfill:

import Set from "es6-set";
const set = new Set(["item1", "item2"]);
console.log(...set.keys()); // easy iteration

使用預先建構的物件:

const miniSet = new MiniSet("item1", "item2");
if (miniSet.has("item1")) { // fast lookup
  console.log("Item found");
}
miniSet.remove("item1"); // fast deletion

最佳選擇取決於特定要求和您環境中可用的支援。對於複雜或效能關鍵的應用程序,ES6 Set 物件是理想的選擇。否則,使用物件、polyfill 或預先建構的集合物件可以提供合理的解決方案。

最新教學 更多>
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-11-18
  • 如果 Go 函數發生緊急情況,如何回傳錯誤?
    如果 Go 函數發生緊急情況,如何回傳錯誤?
    從Go 中的Defer 返回您遇到了這樣的問題:如果Go 中的函數發生緊急情況,您希望返回錯誤。這是對您的程式碼的分析和修復:func getReport(filename string) (rep report, err error) { rep.data = make(map[strin...
    程式設計 發佈於2024-11-18
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1 和 $array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建...
    程式設計 發佈於2024-11-17
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-17
  • 如何有效調試 Python 程式碼:實用技巧和工具
    如何有效調試 Python 程式碼:實用技巧和工具
    Python 調試:實用技巧與工具Python 調試:實用技巧與工具在對Python 程式碼進行故障排除時,擁有一個可供使用的調試技術工具包至關重要。以下是一些非常有效的技巧:PDB:強大的斷點工具import pdb a = "a string" pdb.set_trace()...
    程式設計 發佈於2024-11-17
  • 如何在不重新啟動伺服器的情況下清除MySQL查詢快取?
    如何在不重新啟動伺服器的情況下清除MySQL查詢快取?
    在不恢復伺服器的情況下減輕MySQL 查詢快取儘管MySQL 查詢快取提供了更高的效能,但在需要時可能會發生這種情況可以在不中斷伺服器運行的情況下進行清除。以下是實現此目的的一些方法:重置查詢快取如果執行命令的使用者俱有重新載入權限,則可以使用以下命令明確刪除查詢快取指令:RESET QUERY C...
    程式設計 發佈於2024-11-17
  • MySQL 如何處理表名和列名的區分大小寫?
    MySQL 如何處理表名和列名的區分大小寫?
    MySQL 中列名和表名的大小寫敏感度MySQL 中的大小寫敏感度主題可能會讓許多用戶感到困惑。了解列名和表名的大小寫敏感度對於確保正確的資料庫操作和避免潛在的陷阱至關重要。 表名表名是否區分大小寫取決於在執行 MySQL 伺服器的作業系統上。在基於 Unix 的系統(例如 Linux)上,表名稱區...
    程式設計 發佈於2024-11-17
  • 為什麼將常數引用綁定到臨時物件會延長其生命週期?
    為什麼將常數引用綁定到臨時物件會延長其生命週期?
    為什麼將常數引用綁定到臨時物件會延長臨時物件的生命週期? C 程式語言允許常數引用來延長臨時物件的生命週期。這種行為一直是許多爭論的主題,有些人認為它可以提高程式碼設計的效能和靈活性。 這種語言功能的起源可以追溯到 1993 年,當時它被提議作為以下問題的解決方案:綁定到引用時臨時變數的處理不一致。...
    程式設計 發佈於2024-11-17
  • 如何在共享主機的子目錄中託管 Laravel 專案而不在 URL 中暴露“/public”
    如何在共享主機的子目錄中託管 Laravel 專案而不在 URL 中暴露“/public”
    在共享主機上託管 Laravel 專案時,一個常見的挑戰是確保 URL 不需要 /public 目錄。這是在子目錄中託管 Laravel 應用程式同時保持 URL 乾淨的逐步指南。 第 1 步:將 Laravel 專案上傳到伺服器 登入您的託管帳戶並存取您的文件管理器。 導覽至 ...
    程式設計 發佈於2024-11-17
  • 程式設計面試中解決問題的終極指南
    程式設計面試中解決問題的終極指南
    Common Strategies for Coding Interview Questions Two Pointers The two pointers technique is often used to solve array-related problem...
    程式設計 發佈於2024-11-17
  • 為什麼 ASAP (Atlassian) Auth 是 REST API 驗證的快速且安全的選擇?
    為什麼 ASAP (Atlassian) Auth 是 REST API 驗證的快速且安全的選擇?
    作为一名广泛使用 API 的高级开发人员,安全性和效率始终是重中之重。在保护 REST API 方面,有多种身份验证方法可用,但并非所有方法都是相同的。 Atlassian 的 ASAP(服务和项目身份验证)Auth 作为一个强大、可扩展且安全的选项而脱颖而出,特别是在处理需要强大身份验证机制的...
    程式設計 發佈於2024-11-17
  • Flexbox、Box 或 Flexbox:您應該使用哪種顯示屬性?
    Flexbox、Box 或 Flexbox:您應該使用哪種顯示屬性?
    靈活盒子模型:顯示:Flex、Box、Flexbox在 CSS3 領域,靈活盒子模型徹底改變了方式我們佈局元素。然而,豐富的顯示屬性值可能會令人困惑。 display: flex、display: box 和 display: flexbox 有什麼差別? Display: BoxFirefox 2...
    程式設計 發佈於2024-11-17
  • 如何在不使用 Python 的情況下使用 C++ 計算複雜的數學表達式?
    如何在不使用 Python 的情況下使用 C++ 計算複雜的數學表達式?
    如何在不整合Python 的情況下評估C 中的自訂數學表達式在沒有外部庫或運行時環境的情況下評估C 中的複雜數學表達式可能具有挑戰性。然而,ExprTk 庫提供了一個優雅且高效的解決方案。 讓我們考慮一個範例表達式:3 sqrt(5) pow(3, 2) log(5)使用ExprTk,我...
    程式設計 發佈於2024-11-17
  • API 設計中 HTTP 狀態碼的終極參考
    API 設計中 HTTP 狀態碼的終極參考
    在 Web 开发和 API 设计领域,HTTP 状态代码在客户端和服务器之间传达请求结果方面发挥着至关重要的作用。这些代码提供了一种标准化的方式来指示在处理 HTTP 请求期间发生的特定条件、成功或错误。了解这些状态代码对于开发人员至关重要,因为它有助于调试、错误处理和创建更强大的应用程序。 ...
    程式設計 發佈於2024-11-17
  • gRPC 和 Go:建立高效能 Web 服務
    gRPC 和 Go:建立高效能 Web 服務
    介紹 在微服務和分散式系統的世界中,服務之間的高效通訊至關重要。這就是 Google 開發的高效能 RPC(遠端過程呼叫)框架 gRPC 發揮作用的地方。與 Go(一種專為簡單和高效而設計的靜態類型編譯程式語言)相結合,gRPC 可以幫助您建立強大且可擴展的 Web 服務。 ...
    程式設計 發佈於2024-11-17

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3