Vizualizacija regularnih izraza

Kako vizualizirati regularni izraz

1. Upiši ili zalijepi uzorak u Regularni izraz. Možeš zalijepiti i cijeli JavaScript literal poput /^\d{3}-\d{4}$/gm: kose crte se uklanjaju, a zastavice automatski prelaze u polje za zastavice.
2. Dodaj Zastavice ako ti trebaju (bilo koje od d g i m s u v y). Zastavice mijenjaju način crtanja nekih dijelova: s m ^ i $ postaju „početak retka“ i „kraj retka“; sa s točka postaje „bilo koji znak“.
3. Dijagram se ažurira dok tipkaš. Nacrtaj dijagram crta ga ponovno na zahtjev, a Sljedeći primjer prolazi kroz nekoliko uobičajenih uzoraka (e-pošta, telefonski broj, heksadecimalna boja, cijena, HTML oznaka, URL).
4. Čitaj dijagram slijeva nadesno, od ispunjene točke do točke s prstenom. Svaka staza koju možeš slijediti jest niz koji uzorak može prepoznati.
5. Koristi Preuzmi SVG za oštru vektorsku sliku (dokumentacija, prezentacije), Preuzmi PNG za sliku u dvostrukoj razlučivosti ili Kopiraj SVG kod da zalijepiš oznake u web-stranicu.

Zadrži pokazivač miša iznad okvira da vidiš dio uzorka iz kojeg dolazi i njegov položaj.

Kako čitati dijagram

Takvi dijagrami, zvani i sintaksni dijagrami, opisuju gramatiku kao skup staza. Regularni izraz upravo je takva gramatika, pa crtež pokazuje njegovu strukturu puno bolje od guste crte simbola:

• Plavi okviri su doslovni tekst koji se mora pojaviti kako je napisan, na primjer „@“.
• Zeleni okviri su vrste znakova (\d znamenka, \w znak riječi, . bilo koji znak…) i klase znakova. Klasa poput [\w.+-] postaje okvir s naslovom „jedno od“ koji navodi svaku stavku; negirana klasa [^…] je crvena i ima naslov „nijedno od“.
• Ljubičaste pilule su sidra i granice: početak i kraj teksta ili retka, granica riječi \b. One odgovaraju položaju, a ne znaku.
• Narančasti isprekidani okviri su povratne reference poput \1 ili \k<name>: isti tekst koji je prije prepoznala neka skupina.
• Isprekidani okviri su skupine. Skupine koje hvataju numeriraju se redoslijedom otvorene zagrade („skupina #2 ‚domain‘“); skupine koje ne hvataju (?:…) nemaju okvir. Pogledi unaprijed i unatrag dobivaju ružičasti okvir s oznakom „slijedi“ ili „prethodi“, jer provjeravaju tekst bez da ga troše.
• Paralelne staze su alternative odvojene znakom |.
• Staza iznad elementa omogućuje da ga preskočiš (?, *, {0,n}). Staza ispod sa strelicom vraća se natrag da ga ponovi (+, *, {n,m}). Neuobičajeni brojevi ponavljanja ispisuju se ispod petlje, na primjer „2 do 5 puta“, a lijeni kvantifikatori (+?, *?) označeni su s „lijeno“.

Poruke o pogreškama s položajem

Uzorak provjerava mehanizam regularnih izraza tvog preglednika, pa alat prihvaća točno ono što new RegExp() prihvaća s istim zastavicama. Kad ga mehanizam odbije, alat pokazuje problematičan znak s položajem i oznakom ispod uzorka. Prepoznaje nesparenu ), skupinu koja nikada nije zatvorena, klasu znakova bez ], kvantifikator bez ičega za ponavljanje (*a, a|+), samostalnu obrnutu kosu crtu na kraju i kvantifikatore {n,m} kod kojih je n veći od m. Ostale pogreške, na primjer povratna referenca na nepostojeće ime skupine, prikazuju se porukom preglednika.

Izraz se samo kompilira radi provjere: nikada se ne izvodi nad nekim tekstom i ništa ne napušta tvoj preglednik.