Was es tut
Der Regex Explainer verwandelt einen regulären Ausdruck in eine klare Erklärung - Token für Token. Jedes Token - Anker, Zeichenklasse, Quantifizierer, Gruppe, Escape, Alternierung oder Literal - erhält eine eigene Zeile, die das exakte Fragment zeigt und was es matcht, dazu eine Token-Anzahl und die Erklärung jedes gesetzten Flags. Ungültige Muster zeigen den Fehler der JavaScript-Engine selbst in einer roten Fehlerbox, statt die Seite zu brechen. Ideal, um Regex zu lernen oder um einen Ausdruck zu entziffern, den du in einer Codebase gefunden hast. 100 % clientseitig; nichts wird irgendwohin gesendet.
So verwendest du es
- Gib ein Muster ein (ohne Delimiter). Die Zerlegung aktualisiert sich während du tippst.
- Setze optional Flags - das Feld akzeptiert
g i m s u d y; alle anderen Zeichen werden entfernt. - Oder tippe auf einen Beispiel-Chip - Email, Date capture, URL, Lookahead - um ein fertiges Muster mit passenden Flags zu laden.
- Lies den Bericht auf der rechten Seite (auf dem Desktop fixiert): eine Zeile pro Token, das Token-Anzahl-Badge oben und jedes aktive Flag mit seiner Bedeutung.
- Copy breakdown kopiert die vollständige Erklärung als Klartext; die Adressleiste trägt immer dein Muster (
?p=und?f=) - die URL zu kopieren teilt also die exakte Ansicht.
Ein ungültiger Regex (z. B. ein nicht geschlossenes [) zeigt die Fehlermeldung der Engine - Invalid regular expression: missing terminating ] for character class für [ - mit einem Invalid-Badge, und wirft nie eine Ausnahme.
Beispiele
Alle Erklärungen unten sind die echte Ausgabe des Tools für jede Eingabe.
Telefon-ähnliches Muster - ^\d{3}-\d{4}$ mit Flag g (das eingebaute Beispiel, 7 Tokens):
| Token | Erklärung |
|---|---|
^ |
start of the string (or line with /m) |
\d |
a digit [0-9] |
{3} |
quantifier - repeat 3 time(s) |
- |
the literal “-” |
\d |
a digit [0-9] |
{4} |
quantifier - repeat 4 time(s) |
$ |
end of the string (or line with /m) |
Flag g → global - find all matches.
Email-ähnliches Muster - [a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-z]{2,} mit Flags gi (der Email-Chip, 8 Tokens), Auszug:
[a-zA-Z0-9._%+-]→match any of: a-zA-Z0-9._%+-+→quantifier - 1 or more times (greedy)@→the literal "@"\.→an escaped literal "."{2,}→quantifier - repeat 2, time(s)- Flag
i→case-insensitive
Datum-Capture - (\d{4})-(\d{2})-(\d{2}) (der Date-capture-Chip, 5 Tokens): drei Zeilen capturing group (für (\d{4}), (\d{2}), (\d{2})), getrennt durch zwei Zeilen the literal "-".
Lookahead - \d+(?=px) (der Lookahead-Chip, 3 Tokens): a digit [0-9], quantifier - 1 or more times (greedy), dann (?=px) → lookahead assertion (positive).
Gut zu wissen
- Flag-Referenz (jedes Flag zeigt seine Bedeutung neben dem Buchstaben):
gglobal - find all matches ·icase-insensitive ·mmultiline (^ and $ match line boundaries) ·sdotAll - “.” matches newlines ·uunicode ·ysticky - match at lastIndex ·dindices - expose match boundaries. - Unterstützt JS-
RegExp-Syntax; Erweiterungen anderer Engines (POSIX-Klassen,\p{...}ohneu) parsen womöglich anders. - Privat: Das Parsen läuft vollständig lokal in deinem Browser.
- Verwandte Tools: Regex Tester (Matches live ausführen), Find & Replace, JSON to TypeScript.