Regex-visualisering (jernbanediagram)

Slik visualiserer du et regulært uttrykk

1. Skriv eller lim inn mønsteret ditt i Regulært uttrykk. Du kan også lime inn en hel JavaScript-literal som /^\d{3}-\d{4}$/gm: skråstrekene fjernes, og flaggene flyttes automatisk til flaggfeltet.
2. Legg til flagg hvis du trenger dem (hvilke som helst av d g i m s u v y). Flaggene endrer hvordan noen deler tegnes: med m blir ^ og $ til «start på linjen» og «slutt på linjen», og med s blir punktumet til «alle tegn».
3. Diagrammet oppdateres mens du skriver. Tegn diagram tegner det på nytt ved behov, og Neste eksempel går gjennom noen vanlige mønstre (e-post, telefonnummer, heksadesimal farge, pris, HTML-tagg, URL).
4. Les diagrammet fra venstre mot høyre, fra den fylte prikken til prikken med ring. Hver bane du kan følge, er en streng mønsteret kan treffe.
5. Bruk Last ned SVG for et skarpt vektorbilde (dokumentasjon, presentasjoner), Last ned PNG for et bilde i dobbel oppløsning, eller Kopier SVG-kode for å lime inn koden på en nettside.

Hold musepekeren over en boks for å se hvilken del av mønsteret den kommer fra, og posisjonen.

Slik leser du et jernbanediagram

Jernbanediagrammer, også kalt syntaksdiagrammer, beskriver en grammatikk som et sett med spor. Et regulært uttrykk er nettopp en slik grammatikk, så tegningen viser strukturen langt bedre enn en tett rekke med symboler:

• Blå bokser er bokstavelig tekst som må stå akkurat slik, for eksempel «@».
• Grønne bokser er tegntyper (\d siffer, \w ordtegn, . alle tegn …) og tegnklasser. En klasse som [\w.+-] blir en boks med overskriften «ett av» som lister hvert element. En negert klasse [^…] er rød og har overskriften «ingen av».
• Lilla piller er ankere og grenser: start og slutt på tekst eller linje, \b ordgrense. De treffer en posisjon, ikke et tegn.
• Oransje stiplede bokser er tilbakereferanser som \1 eller \k<name>: samme tekst som en gruppe som traff tidligere.
• Stiplede rammer er grupper. Fangstgrupper nummereres i rekkefølgen av åpningsparentesene («gruppe #2 ‹domain›»). Ikke-fangende grupper (?:…) får ingen ramme. Lookaheads og lookbehinds får en rosa ramme merket «etterfulgt av» eller «foran står», fordi de sjekker teksten uten å bruke den opp.
• Parallelle spor er alternativer atskilt med |.
• Et spor over et element lar deg hoppe over det (?, *, {0,n}). Et spor under med en pil går tilbake for å gjenta det (+, *, {n,m}). Andre antall enn de vanlige skrives under løkken, for eksempel «2 til 5 ganger», og late kvantifikatorer (+?, *?) er merket «lat».

Feilmeldinger med posisjon

Mønsteret sjekkes av nettleserens egen motor for regulære uttrykk i JavaScript, så det verktøyet godtar, er nøyaktig det new RegExp() godtar med de samme flaggene. Når motoren avviser det, peker verktøyet på tegnet det gjelder, med posisjon og en markør under mønsteret. Det kjenner igjen en ) uten tilhørende (, en gruppe som aldri lukkes, en tegnklasse som mangler ], en kvantifikator uten noe å gjenta (*a, a|+), en enslig omvendt skråstrek på slutten og {n,m}-kvantifikatorer der n er større enn m. Andre feil, for eksempel en tilbakereferanse til et gruppenavn som ikke finnes, vises med nettleserens egen melding.

Uttrykket kompileres bare for å bli validert: det kjøres aldri mot noen tekst, og ingenting forlater nettleseren din.