Utilo

Visualizador de regex

Visualize expressões regulares como diagramas de ferrovia, leia uma explicação simples de cada token, teste correspondências e copie código para JavaScript, Python, Go, Java, C#, PHP e Rust.

O que faz este visualizador de regex

As expressões regulares são escritas apenas para a maioria das pessoas: fáceis de digitar, difíceis de ler uma semana depois. Esta ferramenta analisa o seu padrão numa árvore de sintaxe e mostra-o de três maneiras. Um diagrama ferroviário desenha o padrão como uma pista que pode ser seguida de esquerda para direita, com ramos para alternância, loops para repetição e caixas rotuladas para grupos. Uma explicação em linguagem simples percorre cada token ("um ou mais dígitos", "ano do grupo nomeado", "não seguido por"). E ** snippets de código ** mostram como usar o padrão exato com o escape correto em JavaScript, Python, Go, Java, C #, PHP e Rust. Uma cadeia de testes em tempo real destaca correspondências enquanto você digita.

Como usar

  1. Escreva ou cole um padrão. Você pode incluir barra e bandeiras como /^\d{4}-\d{2}$/gm ou inserir as bandeiras separadamente.
  2. Siga o diagrama da estrada de ferro para ver a forma geral do padrão.
  3. Leia a lista de explicações para uma descrição de token por token.
  4. Digite uma cadeia de teste para ver o que corresponde e quais grupos capturam o que.
  5. Copie um trecho pronto em seu idioma.

Lendo o diagrama da ferrovia

  • Caixas arredondadas são texto literal; caixas quadradas são classes de caracteres como * dígito * ou * um de az *.
  • Um caminho que se divide em trilhos paralelos é uma alternança (a|b).
  • Um trilho que volta para baixo de uma caixa significa "repetir"; um trilho que contorna a caixa significa "opcional".
  • Os quadros marcados são grupos; os grupos de captura são numerados e os grupos nomeados mostram seu nome.
  • Lookarounds são desenhados como quadros rotulados porque eles verificam o texto sem consumi-lo.

Dicas

  • Prefira \d e classes de caracteres em alternativas longas para velocidade e clareza.
  • Os quantificadores preguiçosos (*?, +?) são mostrados com "o menor número possível" na explicação.
  • Ao portar padrões, lembre-se de que o motor RE2 do Go não suporta lookarounds ou backreferences; o snippet do Go avisa quando seu padrão os usa.
  • Escape backslashes em literais normais de cadeia, ou use cadeias brutas (r"..." em Python, backticks em Go) como os snippets fazem.

Perguntas frequentes

Que sabor regex é usado?

O analisador e o correspondente usam a sintaxe JavaScript (ECMAScript 2024), incluindo grupos nomeados, lookbehind e escapes de propriedade Unicode com a bandeira u.

Como é que isto é diferente do testador regex?

O testador de regex concentra-se na correspondência e substituição de texto. O visualizador concentra-se em compreender e documentar um padrão.

Posso guardar o diagrama?

O diagrama é um SVG; clique com o botão direito para salvar ou copiar a imagem.

O meu padrão ou texto sai do navegador?
  • Não, não. Analisar, desenhar e combinar tudo acontece localmente.

Sim. Todo o processamento acontece diretamente no seu navegador usando JavaScript, Web Workers e APIs da Web. Nada do que você digita, cola ou envia vai para os nossos servidores.

Esta página foi traduzida automaticamente do inglês. Se encontrar um erro, avise-nos.