Diagram regulárneho výrazu

Ako vizualizovať regulárny výraz

1. Napíš alebo vlož vzor do poľa Regulárny výraz. Môžeš vložiť aj úplný literál JavaScriptu, napríklad /^\d{3}-\d{4}$/gm: lomky sa odstránia a príznaky sa automaticky presunú do poľa príznakov.
2. Podľa potreby pridaj príznaky (ľubovoľné z d g i m s u v y). Príznaky menia vykreslenie niektorých častí: s m sa ^ a $ zmenia na „začiatok riadka“ a „koniec riadka“; s s bodka znamená „ľubovoľný znak“.
3. Diagram sa aktualizuje počas písania. Nakresliť diagram ho prekreslí na požiadanie a Ďalší príklad prechádza niekoľko bežných vzorov (e-mail, telefónne číslo, hex farba, cena, značka HTML, URL).
4. Diagram čítaj zľava doprava, od plného bodu k bodu s kruhom. Každá cesta, ktorou môžeš ísť, je reťazec, ktorý vzor dokáže zachytiť.
5. Stiahnuť SVG dá ostrý vektorový obrázok (dokumentácia, prezentácie), Stiahnuť PNG obrázok s dvojnásobným rozlíšením a Kopírovať kód SVG skopíruje značky na vloženie do webovej stránky.

Keď prejdeš myšou nad rámček, uvidíš časť vzoru, z ktorej pochádza, a jej pozíciu.

Funguje v tvojom prehliadači. Nič, čo zadáš, sa neodosiela na server.

Ako čítať železničný diagram

Železničné diagramy, nazývané aj syntaktické diagramy, opisujú gramatiku ako sústavu tratí. Regulárny výraz je presne takou gramatikou, takže kresba ukazuje jeho štruktúru oveľa lepšie než hustý riadok symbolov:

• Modré rámčeky sú doslovný text, ktorý sa musí objaviť presne tak, ako je napísaný, napríklad „@“.
• Zelené rámčeky sú typy znakov (\d číslica, \w znak slova, . ľubovoľný znak…) a triedy znakov. Trieda ako [\w.+-] sa zobrazí ako rámček s nadpisom „jeden z“ so zoznamom položiek; negovaná trieda [^…] je červená s nadpisom „žiadny z“.
• Fialové tabletky sú kotvy a hranice: začiatok a koniec textu alebo riadka, hranica slova \b. Zachytávajú pozíciu, nie znak.
• Oranžové prerušované rámčeky sú spätné odkazy, napríklad \1 alebo \k<name>: rovnaký text ako skupina zachytená skôr.
• Prerušované rámy sú skupiny. Zachytávacie skupiny sa číslujú v poradí otváracích zátvoriek („skupina č. 2 „domain““); nezachytávacie skupiny (?:…) rám nemajú. Lookahead a lookbehind dostanú ružový rám s označením „nasleduje“ alebo „predchádza“, pretože kontrolujú text bez jeho spotrebovania.
• Paralelné trate sú alternatívy oddelené znakom |.
• Trať nad položkou umožňuje položku preskočiť (?, *, {0,n}). Trať pod ňou so šípkou sa vracia späť na opakovanie (+, *, {n,m}). Iné než obvyklé počty sú napísané pod cyklom, napríklad „2 až 5 ד, a lenivé kvantifikátory (+?, *?) sú označené „lenivý“.

Chybové hlásenia s pozíciami

Vzor kontroluje vlastný engine regulárnych výrazov JavaScriptu v tvojom prehliadači, takže nástroj prijme presne to, čo prijme new RegExp() s rovnakými príznakmi. Keď engine vzor odmietne, nástroj ukáže na problematický znak s jeho pozíciou a značkou pod vzorom. Rozpozná nepárovú ), skupinu, ktorá nie je uzavretá, triedu znakov bez ], kvantifikátor, ktorý nemá čo opakovať (*a, a|+), osamotené spätné lomítko na konci a kvantifikátory {n,m}, kde je n väčšie než m. Ostatné chyby, napríklad spätný odkaz na neexistujúci názov skupiny, sa zobrazia s hlásením prehliadača.

Výraz sa len skompiluje na overenie: nikdy sa nespúšťa nad žiadnym textom a nič neopustí tvoj prehliadač.