Regex Tester — Reguliere expressies live testen met groepen en vervangen

Wat de Regex Tester doet

De Regex Tester voert een JavaScript-reguliere expressie uit op voorbeeldtekst terwijl je typt, markeert elke overeenkomst met afwisselende kleuren en toont elke overeenkomst in een tabel met de positie en alle capture-groepen. Benoemde groepen zoals (?<year>\d{4}) krijgen hun naam als label, en groepen die niet aan een overeenkomst hebben deelgenomen worden als undefined getoond, zodat optionele delen van een patroon makkelijk te debuggen zijn. Beweeg over een gemarkeerde overeenkomst om de groepen ervan te zien.

Voeg een vervanging toe om de uitvoer van String.prototype.replace te bekijken met $1, $<name>, $& en de andere substitutietokens — ideaal voor refactoring met de regex-zoekfunctie van een editor of het schrijven van scripts voor het opschonen van gegevens. Alle acht flags zijn beschikbaar: global, ignore case, multiline, dotAll, unicode, unicodeSets, sticky en hasIndices, elk met een korte uitleg. Dat is handig om patronen voor logparsing, formuliervalidatiefragmenten, routematching en kleine extractietaken te valideren voordat de expressie in code wordt gekopieerd.

Privé werken in de browser

Alle verwerking gebeurt met JavaScript in de browser. De tool uploadt je teksten, tokens, URL's, fragmenten of gegenereerde waarden niet naar een server en vereist geen account. Dat privacymodel is belangrijk, omdat kleine hulpprogramma's bij het oplossen van problemen vaak echte API-antwoorden, configuratievoorbeelden, logs, authenticatiegegevens of klantachtige voorbeelden krijgen. Lokaal werken verkleint het risico en voelt bovendien direct aan, omdat er geen netwerkronde nodig is.

Praktische tips

Zonder de g-flag wordt alleen de eerste overeenkomst gemeld, precies zoals RegExp.exec zich in code gedraagt. Overeenkomsten van lengte nul worden vermeld maar niet gemarkeerd, om verwarrende uitvoer te voorkomen. Gebruik de u- of v-flag als je patroon emoji of \p{…}-Unicode-eigenschapsklassen bevat. Omdat het RegExp-gedrag van de browser hier de bron van waarheid is, komen de resultaten overeen met modern JavaScript en Node.js, maar andere engines zoals PCRE, Python en .NET verschillen in details zoals lookbehind en de syntaxis voor benoemde groepen. Patronen met geneste kwantoren zoals (a+)+ kunnen catastrofaal backtracken; als de pagina vertraagt, vereenvoudig dan het patroon.