Herramienta de desarrollo / 20
Explicador de tokens de regex y analizador de patrones
Descompón expresiones regulares de JavaScript en desgloses de tokens en inglés sencillo para grupos de captura, clases de caracteres y cuantificadores.
Explicador de tokens de regex y analizador de patrones: TOEA analiza patrones de expresiones regulares en tokens AST individuales y genera descripciones en inglés sencillo para cada componente. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de desarrollo
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Explicación de tokens del patrón
| Token | Categoría | Explicación |
|---|---|---|
/i | Flags de regex | Flags activados: coincidencia sin distinción entre mayúsculas y minúsculas. |
^ | Ancla | Coincide con el inicio de la cadena o de la línea. |
( | Grupo | Inicia el grupo de captura #1. |
[a-z0-9_\.-] | Clase de caracteres | Coincide con cualquier carácter individual dentro del conjunto de caracteres [a-z0-9_\.-]. |
+ | Cuantificador | Coincide con 1 o más apariciones del token anterior (codicioso). |
) | Grupo | Finaliza un grupo de captura o sin captura. |
@ | Literal | Coincide con el carácter literal «@». |
( | Grupo | Inicia el grupo de captura #2. |
[\da-z\.-] | Clase de caracteres | Coincide con cualquier carácter individual dentro del conjunto de caracteres [\da-z\.-]. |
+ | Cuantificador | Coincide con 1 o más apariciones del token anterior (codicioso). |
) | Grupo | Finaliza un grupo de captura o sin captura. |
\. | Clase de caracteres / escape | Carácter escapado «.» |
( | Grupo | Inicia el grupo de captura #3. |
[a-z\.] | Clase de caracteres | Coincide con cualquier carácter individual dentro del conjunto de caracteres [a-z\.]. |
{2,6} | Intervalo del cuantificador | Coincide con el número explícito del intervalo {2,6}. |
) | Grupo | Finaliza un grupo de captura o sin captura. |
$ | Ancla | Coincide con el final de la cadena o de la línea. |
Los muchos usos del signo de interrogación
El significado de ? cambia según su posición. Después de un carácter o grupo lo hace opcional: colou?r. Después de otro cuantificador hace que ese cuantificador sea perezoso y coincida con lo mínimo posible: <.+?> se detiene en el primer >, mientras que <.+> llega hasta el último de la línea. Al principio de un grupo introduce una sintaxis especial: (?:…) agrupa sin capturar, (?=…) y (?!…) realizan búsquedas anticipadas y (?<name>…) asigna un nombre a un grupo. Lee ? junto con lo que aparece justo antes.
Las clases abreviadas solo incluyen ASCII
En JavaScript, \d solo coincide con 0–9, y \w solo con letras latinas sin acentos, dígitos y guion bajo. Por eso \w+ encuentra caf en café, y \b trata la letra acentuada como un límite de palabra. Para texto en otros idiomas, usa una clase de propiedades Unicode como [\p{L}\p{N}_]+ con la marca u. Prueba el patrón corregido con texto de ejemplo real en el probador de regex.
Escapado en patrones y cadenas
Catorce caracteres tienen un significado especial y necesitan una barra inversa para coincidir literalmente: . * + ? ^ $ { } ( ) | [ ] \, además de / dentro de un literal /…/. Un patrón creado a partir de una cadena con new RegExp necesita duplicar cada barra inversa, por lo que \d+ se convierte en "\\d+". Si un patrón funciona como literal pero no a partir de una cadena, normalmente ha perdido una barra inversa por el camino.
Cómo se usa
- Escribe o pega una expresión regular de JavaScript (p. ej., /^[a-z0-9]+$/i).
- Haz clic en Explicar regex.
- Revisa la tabla de desglose que explica anclas, clases de caracteres, grupos y banderas.
Privacidad y límites
El análisis y la explicación de la expresión regular se realizan íntegramente en tu navegador.
Herramientas relacionadas
Preguntas frecuentes
¿Qué elementos de regex se explican?
Explica anclas (^, $), clases de caracteres (d, w, s, [a-z]), cuantificadores (*, +, ?, {m,n}), grupos de captura y banderas.
¿Valida la sintaxis de regex?
Sí, los errores de sintaxis se detectan y se informan al instante.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta