Diagramă feroviară pentru regex

Cum vizualizezi o expresie regulată

1. Scrie sau lipește modelul în Expresie regulată. Poți lipi și un literal JavaScript complet, precum /^\d{3}-\d{4}$/gm: barele oblice sunt eliminate, iar fanioanele trec automat în câmpul de fanioane.
2. Adaugă Fanioane dacă ai nevoie (oricare dintre d g i m s u v y). Fanioanele schimbă felul în care sunt desenate unele părți: cu m, ^ și $ devin „începutul liniei” și „sfârșitul liniei”; cu s, punctul devine „orice caracter”.
3. Diagrama se actualizează pe măsură ce scrii. Desenează diagrama o redesenează la cerere, iar Exemplul următor parcurge câteva modele uzuale (e-mail, număr de telefon, culoare hex, preț, etichetă HTML, URL).
4. Citește diagrama de la stânga la dreapta, de la punctul plin la punctul încercuit. Fiecare cale pe care o poți urma este un șir pe care modelul îl poate potrivi.
5. Folosește Descarcă SVG pentru o imagine vectorială clară (documentație, prezentări), Descarcă PNG pentru o imagine la rezoluție dublă sau Copiază codul SVG ca să lipești codul într-o pagină web.

Ține cursorul peste o casetă ca să vezi partea din model din care provine și poziția ei.

Cum citești o diagramă feroviară

Diagramele feroviare, numite și diagrame sintactice, descriu o gramatică sub forma unui set de căi. O expresie regulată este exact o astfel de gramatică, așa că desenul îi arată structura mult mai bine decât un șir dens de simboluri:

• Casetele albastre sunt text literal care trebuie să apară exact așa cum este scris, de exemplu „@”.
• Casetele verzi sunt tipuri de caractere (\d cifră, \w caracter de cuvânt, . orice caracter…) și clase de caractere. O clasă precum [\w.+-] devine o casetă cu titlul „unul dintre” care listează fiecare element; o clasă negată [^…] este roșie și are titlul „niciunul dintre”.
• Pastilele violete sunt ancore și limite: începutul și sfârșitul textului sau al liniei, limita de cuvânt \b. Ele potrivesc o poziție, nu un caracter.
• Casetele portocalii întrerupte sunt referințe inverse, precum \1 sau \k<name>: același text ca al unui grup potrivit mai devreme.
• Cadrele întrerupte sunt grupuri. Grupurile de captură sunt numerotate în ordinea parantezei lor deschise („grupul #2 „domain””); grupurile fără captură (?:…) nu sunt încadrate. Lookahead-urile și lookbehind-urile primesc un cadru roz cu eticheta „urmat de” sau „precedat de”, pentru că verifică textul fără să îl consume.
• Căile paralele sunt alternative separate prin |.
• O cale deasupra unui element îți permite să îl sari (?, *, {0,n}). O cale dedesubt, cu o săgeată, se întoarce ca să îl repete (+, *, {n,m}). Numărările diferite de cele uzuale sunt scrise sub buclă, de exemplu „de la 2 la 5×”, iar cuantificatorii leneși (+?, *?) sunt marcați „leneș”.

Mesaje de eroare cu poziții

Modelul este verificat de motorul de expresii regulate JavaScript al browserului tău, deci ceea ce acceptă acest instrument este exact ce acceptă new RegExp() cu aceleași fanioane. Când motorul îl respinge, instrumentul indică caracterul vinovat cu poziția lui și un cursor sub model. Recunoaște o ) fără pereche, un grup care nu este niciodată închis, o clasă de caractere căreia îi lipsește ], un cuantificator fără nimic de repetat (*a, a|+), o bară oblică inversă singură la final și cuantificatori {n,m} în care n este mai mare decât m. Alte erori, de exemplu o referință inversă la un nume de grup care nu există, sunt afișate cu mesajul browserului.

Expresia este doar compilată pentru validare: nu este rulată niciodată pe vreun text, iar nimic nu părăsește browserul tău.