Regex Group Visualizer

Cómo usar esta herramienta para desarrolladores

1. Introduce el texto de prueba.
2. Escribe la regex sin delimitadores.
3. Añade los flags necesarios.
4. Ejecuta para ver cada match y sus grupos capturados.

Qué hace esta herramienta para desarrolladores

Cada bloque de salida representa una coincidencia. El grupo 0 es la coincidencia completa; los grupos 1..n corresponden al orden de los paréntesis capturantes.

Los paréntesis no capturantes (?:...) no generan un grupo numerado y ayudan a mantener índices estables.

Ejemplo

Con un patrón que captura año, mes, día, nivel y mensaje, cada línea del log se descompone en cinco grupos.

2026-08-12 error: timeout

Casos de uso

• Depurar regex de logs.
• Comprobar grupos opcionales y alternativas.
• Documentar qué captura cada paréntesis.
• Preparar patrones para reemplazos con $1, $2, etc.

Consejos para obtener resultados fiables

• Convierte en no capturantes los grupos usados solo para precedencia.
• Usa nombres cuando muchos grupos numéricos sean difíciles de mantener.
• Prueba entradas que cubran ramas opcionales.
• Evita depender de índices de grupo si el patrón cambia con frecuencia.

Detalles del procesamiento

RegExp.exec devuelve un array cuyo primer elemento es el match completo. La herramienta itera ese array, cuenta capturas undefined y protege contra loops de longitud cero.

Los índices exactos por grupo requieren el flag d en motores compatibles. Sin él, esta página muestra valores y el índice del match completo, no posiciones precisas de cada captura.