Ferramenta de desenvolvedor / 20

Explicador de Tokens de Regex & Analisador de Padrões

Desconstrua expressões regulares JavaScript em explicações em linguagem simples para grupos de captura, classes de caracteres e quantificadores.

Explicador de Tokens de Regex & Analisador de Padrões: TOEA analisa padrões de expressões regulares em tokens individuais da AST e gera descrições em linguagem simples para cada componente. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Explicador de tokens de regex e analisador de padrõesProcessamento local

Roda inteiramente no seu navegador

Explicação dos tokens do padrão

TokenCategoriaExplicação
/iFlags de regexFlags ativadas: correspondência que não diferencia maiúsculas de minúsculas.
^ÂncoraCorresponde ao início da string ou da linha.
(GrupoInicia o grupo capturante nº 1.
[a-z0-9_\.-]Classe de caracteresCorresponde a qualquer caractere individual dentro do conjunto de caracteres [a-z0-9_\.-].
+QuantificadorCorresponde a 1 ou mais ocorrências do token anterior (guloso).
)GrupoEncerra um grupo capturante ou não capturante.
@LiteralCorresponde ao caractere literal '@'.
(GrupoInicia o grupo capturante nº 2.
[\da-z\.-]Classe de caracteresCorresponde a qualquer caractere individual dentro do conjunto de caracteres [\da-z\.-].
+QuantificadorCorresponde a 1 ou mais ocorrências do token anterior (guloso).
)GrupoEncerra um grupo capturante ou não capturante.
\.Classe de caracteres / escapeCaractere escapado '.'
(GrupoInicia o grupo capturante nº 3.
[a-z\.]Classe de caracteresCorresponde a qualquer caractere individual dentro do conjunto de caracteres [a-z\.].
{2,6}Intervalo do quantificadorCorresponde à quantidade explícita do intervalo {2,6}.
)GrupoEncerra um grupo capturante ou não capturante.
$ÂncoraCorresponde ao final da string ou da linha.

As várias funções do ponto de interrogação

Um ? muda de significado conforme sua posição. Depois de um caractere ou grupo, ele o torna opcional: colou?r. Depois de outro quantificador, torna esse quantificador preguiçoso, fazendo a correspondência mais curta possível: <.+?> para no primeiro >, enquanto <.+> vai até o último na linha. No início de um grupo, ele introduz uma sintaxe especial: (?:…) agrupa sem capturar, (?=…) e (?!…) fazem antecipações, e (?<name>…) nomeia um grupo. Leia o ? junto com o que vem imediatamente antes dele.

Classes abreviadas são apenas ASCII

No JavaScript, \d corresponde apenas a 0–9, e \w apenas a letras latinas sem acento, dígitos e sublinhado. Assim, \w+ encontra caf em café, e \b trata a letra acentuada como um limite de palavra. Para textos em outros idiomas, use uma classe de propriedade Unicode como [\p{L}\p{N}_]+ com a flag u. Teste o padrão corrigido com um texto de exemplo real no testador de regex.

Escape em padrões e strings

Quatorze caracteres têm significado especial e precisam de uma barra invertida para corresponder literalmente: . * + ? ^ $ { } ( ) | [ ] \, além de / dentro de um literal /…/. Um padrão criado a partir de uma string com new RegExp precisa ter cada barra invertida duplicada, então \d+ vira "\\d+". Quando um padrão funciona como literal, mas não a partir de uma string, geralmente uma barra invertida foi perdida no caminho.

Como usar

  1. Digite ou cole uma expressão regular JavaScript (ex.: /^[a-z0-9]+$/i).
  2. Clique em "Explain Regex".
  3. Revise a tabela de detalhamento que explica âncoras, classes de caracteres, grupos e flags.

Privacidade e limitações

A análise e a explicação da regex acontecem inteiramente no seu navegador.

Ferramentas relacionadas

Perguntas frequentes

Quais recursos da regex são explicados?

Explica âncoras (^, $), classes de caracteres (d, w, s, [a-z]), quantificadores (*, +, ?, {m,n}), grupos de captura e flags.

Valida a sintaxe da regex?

Sim, erros de sintaxe são detectados e informados instantaneamente.

Ferramenta grátis · no seu navegador execuções · não precisa de conta