DT Dev Tools

Regex Tester — Testador de expressões regulares JavaScript

Teste regex JavaScript ao vivo: destaque correspondências, veja grupos de captura numerados e nomeados em uma tabela, visualize substituições e entenda cada flag.

🔒 Executa completamente no seu navegador — nada é enviado

Flags

    Correspondências destacadas

    Correspondências e grupos

    Esta ferramenta foi útil? Avalie-a:

    O que o Regex Tester faz

    O Regex Tester executa uma expressão regular JavaScript sobre um texto de exemplo enquanto você digita, destaca cada correspondência com cores alternadas e lista cada uma em uma tabela com a sua posição e todos os grupos de captura. Grupos nomeados como (?<year>\d{4}) são rotulados com os seus nomes, e grupos que não participaram de uma correspondência aparecem como undefined, o que facilita depurar as partes opcionais de um padrão. Passe o mouse sobre uma correspondência destacada para ver os seus grupos.

    Adicione uma substituição para visualizar a saída de String.prototype.replace com $1, $<name>, $& e os demais tokens de substituição — ideal para refatorar com a busca por regex de um editor ou para escrever scripts de limpeza de dados. Todas as oito flags estão disponíveis: global, ignore case, multiline, dotAll, unicode, unicodeSets, sticky e hasIndices, cada uma com uma breve explicação. Serve para validar padrões de análise de logs, trechos de validação de formulários, correspondência de rotas e pequenas tarefas de extração antes de copiar a expressão para o código.

    Fluxo de trabalho privado no navegador

    Todo o processamento acontece com JavaScript no navegador. A ferramenta não envia seus textos, tokens, URLs, trechos ou valores gerados a nenhum servidor e não exige conta. Esse modelo de privacidade é importante porque pequenos utilitários costumam receber respostas reais de API, amostras de configuração, logs, dados de autenticação ou exemplos com formato de dados de clientes durante a resolução de problemas. Trabalhar localmente reduz o risco e deixa a ferramenta instantânea, pois não há ida e volta pela rede.

    Dicas práticas

    Sem a flag g, apenas a primeira correspondência é informada, exatamente como RegExp.exec se comporta no código. Correspondências de comprimento zero são listadas, mas não destacadas, para evitar uma saída confusa. Use a flag u ou v quando o seu padrão contiver emoji ou classes de propriedades Unicode \p{…}. Como o comportamento do RegExp do navegador é a fonte da verdade aqui, os resultados correspondem ao JavaScript e ao Node.js modernos, mas outros motores, como PCRE, Python e .NET, diferem em detalhes como lookbehind e a sintaxe de grupos nomeados. Padrões com quantificadores aninhados, como (a+)+, podem sofrer backtracking catastrófico; se a página ficar lenta, simplifique o padrão.

    Como usar

    1. Informe o padrão e as flagsDigite uma regex JavaScript ou cole um /literal/flags e marque as flags de que precisa.
    2. Cole o textoAdicione um texto de exemplo; as correspondências são atualizadas enquanto você digita.
    3. Revise as correspondências e a substituiçãoInspecione os destaques e a tabela de grupos e visualize uma substituição.

    Perguntas frequentes

    Devo incluir as barras?
    Ambas as formas funcionam. Digite apenas o padrão ou cole um literal completo como /\d+/gi e as flags são marcadas para você.
    Posso testar buscar e substituir?
    Sim. Preencha Replace with para visualizar a saída de String.replace usando $1, $<name>, $& (a correspondência inteira), $` e $'.
    Qual motor e quais flags são usados?
    O motor RegExp de JavaScript do navegador, com todas as flags: g, i, m, s, u, v, y e d. Cada flag ativa é explicada abaixo das caixas de seleção.
    O texto de exemplo é enviado?
    Não. O teste acontece localmente.