Regex Tester Online: Reguläre Ausdrücke in 10 Minuten meistern

Kurze Umfrage: Wer hat schon einmal auf /^[\w.-]+@[\w-]+\.[a-z]{2,}$/ gestarrt und dabei ein Augenlid zucken gespürt?

Damit sind Sie nicht allein.

Reguläre Ausdrücke gehören zu den Fähigkeiten, die Entwickler meiden, bis es nicht mehr anders geht. Dann verbringen sie 40 Minuten mit der Google-Suche nach "Regex für X" und kopieren, was Stack Overflow sagt.

Hier kommt ein Regex Tester ins Spiel.

In diesem Leitfaden zeige ich Ihnen den kostenlosen Online-Regex-Tester, den ich verwende, gehe die 5 wichtigsten Muster durch, die jeder Entwickler kennen sollte, und gebe Ihnen einen 10-minütigen Crashkurs, der wirklich hängen bleibt.

Warum die meisten Entwickler Regex meiden#

Drei Gründe.

Erstens sieht die Syntax aus wie alte Runen. Wenn man sie einmal kennt, ist es in Ordnung. Bis dahin ist sie einschüchternd.

Zweitens hat jede Sprache leichte Abweichungen. JavaScript-Regex ist nicht ganz Python-Regex, nicht ganz Java-Regex.

Drittens ist Regex eine dieser Fähigkeiten, die man wöchentlich, aber nie täglich nutzt. Also vergisst man sie zwischen den Anwendungen.

Ein guter Regex-Tester löst alle drei Probleme:

• Echtzeit-Markierung von Treffern (Sie sehen, was Ihr Muster erfasst)
• Mehrsprachige Syntax-Optionen
• Mustererklärung in einfachem Deutsch

Was einen großartigen Regex-Tester ausmacht#

Meine Checkliste:

1. Live-Matching, Muster eingeben, Treffer werden während der Eingabe hervorgehoben
2. Erklärung in einfacher Sprache, aufschlüsseln, was jeder Teil Ihres Regex tut
3. Cheat-Sheet-Seitenleiste, Kurzreferenz für Symbole
4. Mehrsprachige Code-Generierung, bereit zum Einfügen von Code für JS, Python, Java, Go
5. Test gegen mehrere Zeichenfolgen, Liste einfügen, sehen, welche übereinstimmen
6. Ersetzungsvorschau, für Suchen/Ersetzen-Muster

Wenn ein Tool nur Treffer hervorhebt und sonst nichts, suchen Sie weiter.

Der kostenlose Regex-Tester, den ich nutze#

Molixa Regex Tester.

Live-Matching. Mustererklärung. Mehrsprachige Code-Generierung. Spickzettel. Alles kostenlos, alles im Browser.

10-minütiger Regex-Spickzettel#

Lassen Sie mich Ihnen die Muster zeigen, die 80% der praktischen Anwendungen abdecken.

Muster 1: E-Mail-Adressen#

^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

Einfach erklärt:

• Beginnt mit einem oder mehreren Buchstaben, Ziffern, Punkten, Unterstrichen, %, + oder -
• Dann @
• Dann ein oder mehrere Buchstaben, Ziffern, Punkte oder Bindestriche
• Dann ein Punkt
• Dann 2+ Buchstaben am Ende

Anwendungsfall: Validierung von E-Mail-Eingaben in Formularen.

Muster 2: URLs#

https?:\/\/[\w.-]+(\.[\w.-]+)+([\w\-._~:\/?#[\]@!$&'()*+,;=.]+)?

Einfach erklärt:

• Erfasst http oder https
• Dann ://
• Dann ein oder mehrere Wortzeichen, Punkte oder Bindestriche
• Dann optionaler Pfad

Anwendungsfall: Extrahieren von URLs aus Text.

Muster 3: Telefonnummern (US-Format)#

\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}

Einfach erklärt:

• Optionale öffnende Klammer
• 3 Ziffern
• Optionale schließende Klammer
• Optionales Trennzeichen (-, . oder Leerzeichen)
• 3 Ziffern, Trennzeichen, 4 Ziffern

Anwendungsfall: Erkennung von Telefonnummern im US-Format.

Muster 4: Daten (JJJJ-MM-TT)#

\d{4}-\d{2}-\d{2}

Einfach erklärt:

• 4 Ziffern, Bindestrich, 2 Ziffern, Bindestrich, 2 Ziffern

Anwendungsfall: Extrahieren von ISO-Daten aus Logs.

Muster 5: Hex-Farben#

#[0-9a-fA-F]{6}\b

Einfach erklärt:

• Rautezeichen
• Genau 6 Hex-Zeichen

Anwendungsfall: Extrahieren von Farben aus CSS oder Design-Spezifikationen.

Die 5 Regex-Symbole, die Sie kennen müssen#

Merken Sie sich diese und Sie können 80 % der Muster lesen:

• ., ein beliebiges einzelnes Zeichen
• *, null oder mehr des Vorhergehenden
• +, eins oder mehr des Vorhergehenden
• ?, null oder eins des Vorhergehenden (optional)
• \d, eine beliebige Ziffer (0-9)

Werfen Sie \w (ein beliebiges Wortzeichen) und \s (ein beliebiges Leerzeichen) dazu, und Sie sind bei 90 %.

Schritt für Schritt: Ihr erster regulärer Ausdruck#

Lassen Sie uns einen von Grund auf erstellen. Ziel: eine US-Postleitzahl finden.

Schritt 1: Identifizieren Sie, was Sie finden möchten#

US-Postleitzahlen bestehen aus 5 Ziffern, manchmal mit einer 4-stelligen Erweiterung.

Schritt 2: Beginnen Sie mit dem einfachen Fall#

\d{5}

Das findet genau 5 Ziffern.

Schritt 3: Fügen Sie die Erweiterung hinzu#

\d{5}(-\d{4})?

(-\d{4})? bedeutet "optional, ein Bindestrich gefolgt von 4 Ziffern."

Schritt 4: Testen Sie im Regex-Tester#

Fügen Sie Ihr Muster in den Regex-Tester ein. Fügen Sie Teststrings hinzu:

• 12345, sollte gefunden werden
• 12345-6789, sollte gefunden werden
• 1234, sollte NICHT gefunden werden
• 12345-67890, sollte NICHT gefunden werden

Wenn Ihre Testergebnisse nicht den Erwartungen entsprechen, ist Ihr Muster falsch.

Schritt 5: Fügen Sie ggf. Anker hinzu#

Wenn der reguläre Ausdruck die gesamte Zeichenkette finden soll (nicht nur einen Teil), umschließen Sie ihn mit ^ und $:

^\d{5}(-\d{4})?$

Schritt 6: Code generieren#

Klicken Sie im Molixa Regex-Tester auf "Code holen". Sie erhalten einsatzbereite Code-Snippets für JavaScript, Python, Java usw.

Häufige Regex-Fehler#

Einige Fallstricke:

Fehler 1: Vergessen, Sonderzeichen zu escapen. . matcht jedes Zeichen, nicht einen wörtlichen Punkt. Verwenden Sie \. für einen wörtlichen Punkt.

Fehler 2: Gieriges Matching, wenn Sie faul sein wollen. .+ matcht so viel wie möglich. Verwenden Sie .+? für faules (minimales) Matching.

Fehler 3: Keine Randfälle testen. Testen Sie mit leeren Zeichenketten, sehr langen Zeichenketten, Zeichenketten mit seltsamem Unicode.

Fehler 4: Regex von Stack Overflow kopieren, ohne zu testen. Selbst beliebte Antworten können subtile Fehler enthalten. Testen Sie immer.

Fehler 5: Einen riesigen Regex schreiben, wenn 3 kleinere ausreichen würden. Lesbarkeit ist wichtig. Wenn Ihr Regex mehr als 80 Zeichen hat, sollten Sie ihn aufteilen.

Wann man KEIN Regex verwenden sollte#

Regex ist ein Hammer. Nicht alles ist ein Nagel.

Verwenden Sie kein Regex für:

• Parsing von HTML oder XML. Verwenden Sie eine Parser-Bibliothek (cheerio, BeautifulSoup usw.). HTML ist zu unregelmäßig für Regex.
• JSON-Parsing. Verwenden Sie den integrierten JSON-Parser der Sprache.
• Komplexe Grammatikregeln. Wenn Ihr Muster verschachtelte Logik erfordert, nähern Sie sich einer kontextfreien Grammatik, verwenden Sie einen echten Parser.

Verwenden Sie Regex für:

• Validierung einfacher Eingabeformate
• Extrahieren von Daten aus Logs oder unstrukturiertem Text
• Suchen-und-Ersetzen in Texteditoren
• Schnelle einmalige Skripte

Profi-Tipps#

Schnelle Erfolge:

Tipp 1: Verwenden Sie das i-Flag für Groß-/Kleinschreibung ohne Beachtung. /hello/i findet "Hallo", "HALLO" usw.

Tipp 2: Nutzen Sie benannte Erfassungsgruppen in modernen Regex-Engines. (?<name>\w+) ist lesbarer als (\w+) und $1.

Tipp 3: Im Zweifel vereinfachen. Ein Regex, der funktioniert, aber in 6 Monaten nicht mehr lesbar ist, ist eine Wartungsbombe.

Tipp 4: Verwenden Sie Anker. ^ und $ schützen vor Überraschungen durch "Übereinstimmung an beliebiger Stelle im String".

Tipp 5: Testen Sie mit fehlerhaften Eingaben, nicht nur mit korrekten.

Ressourcen für tiefergehende Einblicke#

Sobald Sie mit den Grundlagen vertraut sind:

• regex101.com, der dominierende Regex-Tester. Ausgereifte Benutzeroberfläche.
• regexr.com, ein weiterer guter Tester mit einem Lernbereich.
• Molixa Regex Tester, sauber, kostenlos, ohne Anmeldung, mit Codegenerierung.

Zum Lernen: "Mastering Regular Expressions" von Jeffrey Friedl ist das klassische Buch. Oder bleiben Sie einfach in einem Regex-Tester und iterieren Sie.

Zusammenfassung#

Regex ist keine Zauberei. Es ist eine kleine Sprache für Mustererkennung.

Mit einem guten Online-Regex-Tester kannst du Muster in Minuten schreiben, testen und erklären, nicht in Stunden.

molixa.app/tools/regex-tester ist kostenlos und läuft in deinem Browser.

Such dir ein Muster aus, das du bisher gemieden hast. Bau es auf. Mach weiter.

Bis zum nächsten Mal.