201315Jan

Regexper: Reguläre JavaScript-Ausdrücke visualisieren

Tools für reguläre Ausdrücke gibt es mittlerweile mehr als genug. Für die unterschiedlichen Skriptsprachen stehen verschiedene Werkzeuge zur Verfügung, welche auf die Besonderheiten der Sprachen ausgelegt sind. Bei JavaScript eignet sich beispielsweise die Seite Scriptular, um Ausdrücke zu testen. Derartige Tools zeigen zum Beispiel in Echtzeit an, ob ein Ausdruck in einer definierten Zeichenkette vorkommt.
Ein nützlicher Helfer der etwas anderen Art stellt Regexper dar: Hierbei wird ein regulärer Ausdruck im JavaScript-Stil eingegeben und anschließend wird die Struktur des Ausdrucks grafisch dargestellt.

Regexper - Reguläre JavaScript-Ausdrücke visualisieren

Durch die grafische Repräsentation kann die Funktionsweise des regulären Ausdrucks wesentlich besser verstanden werden, da der Ablauf sowie die logischen Verbindungen besser verstanden werden können. In der oberen Grafik ist beispielsweise die Visualisierung des folgenden Ausdrucks zu sehen, der ein Datum im Format "DD/MM/YYYY" oder "DD-MM-YYYY" validiert.

  • /^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/

Das Projekt steht auch bei GitHub samt Quelltext bereit.