Tools
Regex Cheatsheet
Das Regex Cheatsheet ist eine strukturierte Referenz für alle Elemente der JavaScript-Regex-Syntax. Von einfachen Zeichenklassen über Quantifizierer bis hin zu komplexen Lookahead/Lookbehind-Konstrukten sind alle Syntaxelemente mit kurzer Erklärung und praxisnahen Beispielen aufgelistet. Das Cheatsheet ist durchsuchbar und nach Themen kategorisiert.
Was ist das Regex Cheatsheet?
Reguläre Ausdrücke (Regular Expressions, kurz Regex) sind eine mächtige Methode zum Suchen, Validieren und Transformieren von Text. Die Regex-Syntax ist kompakt, aber für Einsteiger und auch Fortgeschrittene oft schwer zu merken. Das Regex Cheatsheet bietet eine vollständige, nach Themen gegliederte Referenz aller JavaScript-Regex-Elemente: Literale, Zeichenklassen (\d, \w, \s), Anker (^, $, \b), Quantifizierer (*, +, ?, {n,m}), Gruppen ((), (?:), (?<name>)), Flags (g, i, m, s, u, y) und häufig verwendete Musterkombinationen.
Wie ist das Cheatsheet aufgebaut?
Das Cheatsheet ist in thematische Abschnitte gegliedert: Grundzeichen und Literale, vordefinierte Zeichenklassen, benutzerdefinierte Zeichenklassen, Anker und Grenzen, Quantifizierer (gierig und faul), Gruppierungen und Rückverweise, Lookahead und Lookbehind-Assertions, Flags, String-Methoden mit Regex-Unterstützung (match, replace, search, split, matchAll) sowie häufige Muster für E-Mail, URL, Datum, IPv4 und mehr. Jedes Element wird mit Syntax, kurzer Erklärung und einem Codebeispiel dargestellt.
Typische Anwendungsfälle
- Schnelles Nachschlagen der korrekten Syntax für einen Quantifizierer oder eine Zeichenklasse
- Verstehen des Unterschieds zwischen gierigen und faulen Quantifizierern beim Debugging
- Nachschlagen der richtigen Regex-Methode (match vs. matchAll, search vs. test)
- Referenz beim Schreiben von Regex-Validierungsmustern für Formulare
Schritt-für-Schritt-Anleitung
- Schritt 1: Nutze das Suchfeld, um direkt nach dem gesuchten Regex-Element zu suchen (z. B. 'lookahead').
- Schritt 2: Klappe den gewünschten Themenbereich auf (z. B. 'Quantifizierer').
- Schritt 3: Lese die Erklärung und das Codebeispiel für das gesuchte Element.
- Schritt 4: Wechsle zum Regex-Tester, um das Muster direkt auszuprobieren.
Tipps & Hinweise
- Gierige Quantifizierer (*, +, {n,m}) matchen so viel wie möglich. Faule Varianten (*?, +?, {n,m}?) matchen so wenig wie möglich – wichtig beim Parsen von HTML oder ähnlichen verschachtelten Strukturen.
- Das u-Flag aktiviert den Unicode-Modus und ist für die korrekte Behandlung von Emojis und Zeichen außerhalb des BMP (Basic Multilingual Plane) notwendig.
- Named Capture Groups ((?<name>...)) machen Regex-Muster deutlich lesbarer und den Zugriff auf Gruppen per name statt index möglich.
Häufige Fragen
Was ist der Unterschied zwischen test() und match()?
RegExp.prototype.test(str) gibt true oder false zurück und ist optimal für reine Prüfungen. String.prototype.match(regex) gibt die gefundenen Treffer als Array zurück. Für Performance-kritischen Code ohne Treffer-Auswertung ist test() schneller.
Warum schlägt mein Regex bei der zweiten Ausführung fehl (lastIndex-Problem)?
Bei Regex-Objekten mit dem g-Flag merkt sich JavaScript die Position des letzten Treffers (lastIndex). Bei erneutem Aufruf von exec() oder test() auf demselben Regex-Objekt beginnt die Suche ab dieser Position. Lösung: Regex jedes Mal neu erstellen oder lastIndex manuell auf 0 zurücksetzen.
Was ist der Unterschied zwischen \d und [0-9]?
Ohne das u-Flag sind \d und [0-9] in der Praxis gleichwertig und matchen ASCII-Ziffern 0–9. Mit dem u-Flag und dem v-Flag kann \d in manchen Implementierungen auch Unicode-Ziffern matchen. Für maximale Kontrolle und Lesbarkeit ist [0-9] oft expliziter.
Regex Cheatsheet
Übersicht aller JavaScript-Regex-Syntaxelemente: Zeichenklassen, Anker, Quantifizierer, Gruppen, Flags, Methoden und häufige Muster.
Tool öffnen