Regex Tester

Een reguliere expressie is een compacte patroontaal om tekst te matchen — van "lijkt dit op een e-mailadres" tot "vind elk telefoonnummer in dit document" tot "verwijder alle HTML-tags uit deze string". Het addertje onder het gras is dat regex-syntax berucht is om subtiele foutjes: een `.` die eigenlijk geëscaped had moeten worden, een greedy `*` die meer opslokt dan de bedoeling was, een groep die niet capture wat je verwacht. Zo'n patroon blind schrijven en pas ontdekken dat het niet klopt zodra het al tegen productiedata draait, is een pijnlijke manier om die les te leren.

Deze tool draait volledig op de ingebouwde `RegExp`-engine van JavaScript zelf en voert je patroon uit zodra je typt, rechtstreeks in je browser — er komt geen server aan te pas, dus welke tekst je ook test (echte gebruikersdata, loglijnen, of iets anders dat je liever niet bij een externe dienst plakt) verlaat nooit je apparaat. Omdat het exact dezelfde engine is die jouw JavaScript-code straks in productie gebruikt, is wat je hier ziet — welke tekens matchen, hoe greedy quantifiers zich gedragen, of een groep iets capture — precies wat je ook tijdens runtime krijgt, en geen benadering vanuit een andere regex-variant.

Typ een patroon en zet de flags aan die je nodig hebt: `g` om elke match te vinden in plaats van te stoppen bij de eerste, `i` voor hoofdletterongevoelig matchen, `m` zodat `^` en `$` overeenkomen met het begin/einde van elke regel in plaats van de hele string, `s` zodat `.` ook regeleinden matcht. Elke match in je teststring wordt live gemarkeerd, en elke match wordt daaronder uitgesplitst in de volledige gematchte tekst, de positie ervan en eventuele capture groups — inclusief named groups zoals `(?<year>\d{4})` — zodat je meteen ziet of de groep die je wilde extraheren ook echt degene is die matchte. De sectie Vervangen laat precies zien wat `String.replace()` zou opleveren met jouw patroon en een vervangingsstring, inclusief group-backreferences zoals `$1` of `$<year>`.

Het overzicht hieronder behandelt de tokens die mensen midden in hun werk het vaakst vergeten — het verschil tussen `*` en `+`, waar een non-capturing group `(?:...)` voor dient, hoe `\b` een woordgrens markeert — zonder dat je de pagina hoeft te verlaten om het op te zoeken. Zodra je een patroon hebt dat zich gedraagt zoals je wilt tegen realistische testdata, kun je het direct in je code plakken. Moet je de omliggende data zelf ook nog valideren of herformatteren? Dan zijn de JSON-formatter en -validator en de Text Diff Checker vanzelfsprekende metgezellen.