」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 特里算法 ||使用 Javascript 自動完成功能

特里算法 ||使用 Javascript 自動完成功能

發佈於2024-08-29
瀏覽:394

Trie Algorithm || Auto Complete feature using Javascript

介紹

Trie,也稱為前綴樹,是一種專門的基於樹的資料結構,用於高效的資訊檢索。

它對於涉及字串內搜尋和前綴匹配的用例特別有用。

  1. 如果我告訴你有關 Trie 演算法的信息,你可能對此演算法感興趣,也可能不感興趣

  2. 但如果我告訴你,你可以用它來建立一個來自動完成演算法。你會更興奮地了解這一點。

此演算法的用例

1。自動完成:

一個。搜尋引擎或文字編輯器中經常使用嘗試來實現自動完成功能。
b.當您開始輸入時,應用程式會根據您輸入的前綴建議可能的補全。

2.拼字檢查器:

一個。嘗試可用於實現拼字檢查器。如果某個單字不存在於 trie 中,則它可能是拼字錯誤的。
b.特里樹也可以透過尋找相似的單字來建議更正。

3. IP路由:

一個。嘗試在路由器中用於儲存路由表。
b.路由器使用 trie 來匹配最長前綴,從而確定資料包的下一跳。

4。高效儲存和搜尋字串:

一個。如果您有一個包含大量共享前綴的字串資料集,則 trie 可以使用比單獨儲存它們更少的空間來儲存這些字串。
b. 搜尋操作也很高效,時間複雜度與您要搜尋的字串的長度成正比。

class Node {
    constructor() {
        this.end = false;
        this.children = {}
    }
}

class Trie {
    constructor() {
        this.root = new Node ();
    }

    insert(word) {
        let head = this.root;

        for (let i = 0; i ', current.children);

        console.log('Possible Auto Complete Values are --->');
        for (let key in current.children) {
            console.log('---> ', word key);
        }
    }
}

const test = new Trie();
test.insert('ant');
test.insert('any');
console.log(test.search('ant'));
console.log(test.search('any'));
console.log(test.search('anj'));
test.autoComplete('an')
/*
true
true
false
children =--->  {
  t: Node { end: true, children: {} },
  y: Node { end: true, children: {} }
}
Possible Auto Complete Values are --->
--->  ant
--->  any
*/

如果您有任何疑慮/疑問,請隨時與我聯繫。

版本聲明 本文轉載於:https://dev.to/ashutoshsarangi/trie-algorithm-auto-complete-feature-using-javascript-2f06?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何使用“enable_if”根據範本參數選擇成員函數?
    如何使用“enable_if”根據範本參數選擇成員函數?
    使用Enable_If條件選擇成員函數任務是根據類別範本參數決定成員函數的呼叫。以下程式碼片段嘗試實現此目的:#include <iostream> #include <type_traits> template<typename T> struct Point ...
    程式設計 發佈於2024-11-06
  • 如何在 JavaScript 中刪除字串中的最後一個字元?
    如何在 JavaScript 中刪除字串中的最後一個字元?
    在JavaScript 中修剪字串的最後一個字元您有一個字串“12345.00”,並且希望它返回“12345.0” 」。雖然修剪會刪除空格,但您可以考慮使用substring 函數來完成此任務。使用substring 的解決方案substring 函數允許您從指定的解決方案let str = &qu...
    程式設計 發佈於2024-11-06
  • Go ost 量子密碼網路伺服器
    Go ost 量子密碼網路伺服器
    Golang 1.23 將後量子密碼學引入 Go 標準庫。它非常棒且易於使用。 這篇文章「Go 1.23 中的後量子加密 Web 伺服器」包含一些程式碼範例和後量子加密的背景.. 我總是很好奇我正在使用哪個 TLS 密碼套件和曲線,因此我添加了一個片段來執行此操作(使用反射) 您認為還需要更多的例...
    程式設計 發佈於2024-11-06
  • Js電子表格組件
    Js電子表格組件
    我經常使用的一件事是我們用來組織資料的 Excel 表格。 Jspreadsheet 執行的操作非常相似,但直接在瀏覽器中執行。您無需安裝任何東西,只需打開並使用它即可。對於任何需要以簡單實用的方式組織資訊的人來說,它都是完美的選擇。 簡單易用: 如果您曾經使用過 Excel,您會感到賓至如歸。介...
    程式設計 發佈於2024-11-06
  • 掌握 MySQL:每個開發人員都應該監控的關鍵效能指標
    掌握 MySQL:每個開發人員都應該監控的關鍵效能指標
    监控 MySQL 性能指标和管理数据库并不困难。是的,你没听错。有了适当的监控策略和工具,您终于可以退居二线了。 RED 方法与 Releem 强大的监控功能和易于应用的配置建议相结合,可以为您完成繁重的工作。 红色方法简介 RED方法传统上用于监控Web应用程序和服务的性能,但也可...
    程式設計 發佈於2024-11-06
  • 答:C++中如何產生隨機數?
    答:C++中如何產生隨機數?
    這是一個很好的答案! 回覆回覆:如何在C中產生隨機數? 2012 年 11 月 18 日 ...
    程式設計 發佈於2024-11-06
  • 如何在 JavaScript 中對 HTML 實體進行編碼以便在 CMS 中正確顯示?
    如何在 JavaScript 中對 HTML 實體進行編碼以便在 CMS 中正確顯示?
    在JavaScript 中編碼HTML 實體將內容輸入內容管理系統(CMS) 時,處理® 等特殊字元至關重要確保跨瀏覽器正確顯示。為了解決這個問題,可以使用 JavaScript 來定位這些符號並將其轉換為適當的 HTML 實體。 使用正規表示式,可以透過將特定字元範圍替換為對應的 HTML 實體來...
    程式設計 發佈於2024-11-06
  • 為什麼「float: right」會顛倒 HTML 中的 Span 順序?
    為什麼「float: right」會顛倒 HTML 中的 Span 順序?
    Float:跨度的右反轉順序給定 HTML 標記:<div> <span class="label"><a href="/index/1">Bookmix Offline</a></span>...
    程式設計 發佈於2024-11-06
  • Python 字典如何保持程式碼乾淨、乾燥
    Python 字典如何保持程式碼乾淨、乾燥
    Python 字典和 DRY 原则:初学者快速指南 嘿! ?如果您正在深入研究 Python 编程,您可能偶然发现了字典,并且可能想知道“Python 中的字典到底是什么?它如何帮助我更智能地编写代码?”不用担心,让我们用一种超级简单的方式来分解它。 Python ...
    程式設計 發佈於2024-11-06
  • 使用 Django、Twilio 和 Pinata 建立安全的匿名回饋系統
    使用 Django、Twilio 和 Pinata 建立安全的匿名回饋系統
    在本指南中,我将引导您使用 Django、用于短信通知的 Twilio、用于安全媒体上传的 Pinata 以及用于响应式样式的 TailwindCSS 构建安全匿名反馈系统。在本教程结束时,您将拥有一个功能齐全的反馈系统,用户可以在其中提交反馈、选择上传媒体以及接收短信通知 - 所有这些都考虑到安全...
    程式設計 發佈於2024-11-06
  • 為什麼 Tkinter Entry 的 get 函數不回傳任何內容?
    為什麼 Tkinter Entry 的 get 函數不回傳任何內容?
    Tkinter Entry 的get 函數沒有產生任何結果:綜合解釋當嘗試使用get() 從Tkinter Entry 小部件檢索用戶輸入時函數時,您可能會遇到空返回值。這個看似令人困惑的問題源自於 Tkinter 的非同步特性和函數執行的順序。 在提供的程式碼片段中,您嘗試在建立 Entry 後立...
    程式設計 發佈於2024-11-06
  • 使用 NodeJs 開始使用 RabbitMq
    使用 NodeJs 開始使用 RabbitMq
    RabbitMq簡介 RabbitMq 是一個訊息代理,允許在不同服務之間發送和接收訊息。它是一個實作高階訊息佇列協定(AMQP)的訊息代理程式。用 Erlang 程式語言寫成。 安裝 RabbitMq RabbitMq 可以使用各自的套件管理器安裝在不同的作業系統上。 Rabbi...
    程式設計 發佈於2024-11-06
  • 讓網路更加互聯
    讓網路更加互聯
    讓網路更互聯 - Infometka 如何解決「隱形網站」問題 身為 Web 開發人員和 ???️??????️ 的創建者,我一直熱衷於解決現實世界的問題。今天,我想分享我開發的一個解決方案,我相信它可以為無數網站所有者帶來重大改變,並在某種程度上使互聯網成為一個更加互聯的地方。 ...
    程式設計 發佈於2024-11-06
  • 使用 React 建置 Loop Studio
    使用 React 建置 Loop Studio
    介绍 Loop Studio 是一个沉浸式网站,旨在展示各种虚拟现实 (VR) 项目。使用 React,我们可以有效地管理和渲染不同的组件,以构建有凝聚力和交互式的用户体验。该项目采用简洁的设计,带有导航标题、详细的 VR 部分、创作画廊以及带有社交媒体链接的页脚。 ...
    程式設計 發佈於2024-11-06
  • 如何解決用PHP在CURL中傳送多維數組時出現「陣列到字串轉換」錯誤?
    如何解決用PHP在CURL中傳送多維數組時出現「陣列到字串轉換」錯誤?
    透過CURL 和PHP 發送多維數組使用CURL 發布包含多維數組的表單資料時,遇到「數組到字串轉換」錯誤是一個常見問題。當嘗試使用包含陣列的陣列設定 CURLOPT_POSTFIELDS 時會發生這種情況。 由於 Content-Type 標頭必須是 multipart/form-data 以方便...
    程式設計 發佈於2024-11-06

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

Copyright© 2022 湘ICP备2022001581号-3