Utilo

正則視覺化

把正規表示式畫成鐵路圖,逐段用自然語言解釋含義,測試匹配結果,並一鍵複製 JavaScript、Python、Go、Java、C#、PHP、Rust 程式碼。

這個regex視覺化器的功能

常規表示式對於大多數人來說都是寫的:易於打字,一週後難以閱讀。這項工具將你的模式解析成語法樹,。一個鐵路圖繪製了一個可以從左到右沿線的軌道,。一個簡單的語言解釋透過每個符號 ("一個或多個數字","命名的組年","不由後面")。在JavaScript,Python,Go,Java,C#,PHP和Rust中,。一個實時測試字串在您輸入時突出匹配。

使用方法

  1. 鍵入或貼上一個模式。您可以新增斜和旗,例如/^\d{4}-\d{2}$/gm,或者單獨輸入旗。
  2. 按照鐵路圖表來檢視整體的圖案。
  3. 閱讀解釋列表,瞭解一個標誌的詳細描述。
  4. 輸入一個測試字串,檢視什麼是匹配的,
  5. 複製一段現成的片段。

閱讀鐵路圖

  • 圓形框是字面文字;方形框是字元型別,如數字或az中的一個。
  • 一條分成並行軌道的路徑是交替 (a|b)。
  • 一個圈子在盒子下方意味著"重複";一個圈子繞過盒子意味著"可選"。
  • 劃線框是組;捕獲組是編號的,命名組顯示他們的名字。
  • 搜尋圈被繪製成標記的,因為它們檢查文字而不消耗它。

提示

  • 為了速度和清晰度,更喜歡\d和字元類,而不是長時間的交替。
  • 惰量化器 (*?,+?) 在解釋中顯示"儘可能少"。
  • 在移植模式時,請記住,Go的RE2引擎不支援轉換或反向引用;當你的模式使用它們時,Go片段會警告你。
  • 在正常的字串字母體中使用反斜,或者像片段一樣使用原始字串 (Python中的r"...",Go中的Backticks)。

常見問題

哪種調味料使用?

解析器和匹配器使用JavaScript (ECMAScript 2024) 語法,包括命名組,lookbehind和Unicode屬性逃離與u旗。

這與測試器有什麼不同?

測試器專注於匹配和替換文字。視覺化器專注於理解和記錄模式。

我可以儲存圖表嗎?

圖表是一個SVG;右鍵點選它儲存或複製影象。

我的圖案或文字是否會離開瀏覽器?

沒有。解析,繪製和匹配都發生在本地。

安全。所有處理都透過 JavaScript、Web Worker 和瀏覽器 API 在本地完成,你輸入、貼上或上傳的任何內容都不會傳送到我們的伺服器。

本頁內容由英文自動翻譯而來,如發現錯誤,歡迎告訴我們。