Regex-vizualizáló

Hogyan jeleníts meg egy reguláris kifejezést

1. Írd be vagy illeszd be a mintát a Reguláris kifejezés mezőbe. Egy teljes JavaScript-literált is beilleszthetsz, például /^\d{3}-\d{4}$/gm: a perjeleket az eszköz eltávolítja, a flagek pedig automatikusan átkerülnek a flagek mezőbe.
2. Szükség esetén adj meg flageket (bármelyiket a d g i m s u v y közül). A flagek befolyásolják, hogy egyes részek hogyan rajzolódnak ki: az m esetén a ^ és a $ „a sor eleje” és „a sor vége” lesz, az s esetén a pont „bármely karakter” lesz.
3. A diagram gépelés közben frissül. A Diagram rajzolása kérésre újrarajzolja, a Következő példa pedig néhány gyakori mintán lépked végig (e-mail-cím, telefonszám, hexa színkód, ár, HTML-címke, URL).
4. A diagramot balról jobbra olvasd, a teli ponttól a gyűrűs pontig. Minden követhető út egy olyan szöveg, amelyre a minta illeszkedhet.
5. Az SVG letöltése éles vektorképet ad (dokumentációhoz, diákhoz), a PNG letöltése kétszeres felbontású képet, az SVG-kód másolása pedig a kódot, amelyet beilleszthetsz egy weboldalba.

Vidd az egeret egy doboz fölé, hogy lásd, a minta melyik részéből származik, és hol található.

Hogyan olvass vasúti diagramot

A vasúti diagramok, más néven szintaxisdiagramok, a nyelvtant sínek halmazaként írják le. A reguláris kifejezés pontosan ilyen nyelvtan, ezért a rajz sokkal jobban megmutatja a szerkezetét, mint egy sűrű szimbólumsor:

• A kék dobozok szó szerinti szövegek, amelyeknek pontosan így kell szerepelniük, például „@”.
• A zöld dobozok karaktertípusok (\d számjegy, \w szókarakter, . bármely karakter…) és karakterosztályok. Egy olyan osztályból, mint a [\w.+-], „valamelyik” fejlécű doboz lesz, amely felsorolja az elemeket; a tagadott [^…] osztály piros, és „egyik sem” fejlécet kap.
• A lila tabletták horgonyok és határok: a szöveg vagy a sor eleje és vége, a \b szóhatár. Pozícióra illeszkednek, nem karakterre.
• A narancssárga szaggatott dobozok visszahivatkozások, például \1 vagy \k<name>: ugyanaz a szöveg, amelyet egy korábbi csoport illesztett.
• A szaggatott keretek csoportok. A rögzítő csoportokat a nyitó zárójelük sorrendjében számozza az eszköz (például „#2. csoport »domain«”); a nem rögzítő (?:…) csoportok nincsenek bekeretezve. A lookahead és a lookbehind rózsaszín keretet kap „ezt követi” vagy „ez előzi meg” felirattal, mert a szöveget a felhasználása nélkül ellenőrzik.
• A párhuzamos sínek a | jellel elválasztott alternatívák.
• Egy elem fölötti sín lehetővé teszi az átugrását (?, *, {0,n}). Az alatta lévő, nyíllal ellátott sín visszakanyarodik az ismétléshez (+, *, {n,m}). A szokásostól eltérő darabszámokat a ciklus alatt tünteti fel az eszköz, például „2–5-ször”, a lusta kvantorokat (+?, *?) pedig „lusta” felirattal jelöli.

Hibaüzenetek pozícióval

A mintát a böngésződ saját JavaScript reguláris kifejezés-motorja ellenőrzi, így az eszköz pontosan azt fogadja el, amit a new RegExp() ugyanazokkal a flagekkel. Ha a motor elutasítja a mintát, az eszköz a hibás karakterre mutat a pozíciójával és egy jelölővel a minta alatt. Felismeri a pár nélküli ) jelet, a le nem zárt csoportot, a ] nélküli karakterosztályt, az ismétlendő elem nélküli kvantort (*a, a|+), a záró magányos fordított perjelet és az olyan {n,m} kvantort, amelyben n nagyobb m-nél. A többi hibát, például egy nem létező csoportnévre mutató visszahivatkozást, a böngésző üzenetével mutatja.

A kifejezést csak az érvényesítéshez fordítja le az eszköz: soha nem futtatja semmilyen szövegen, és semmi nem hagyja el a böngésződet.