Probador de regex en línea

Probador de regex para JavaScript: ve coincidencias en vivo, grupos de captura y banderas resaltadas mientras escribes.

Tu patrón y tu cadena de prueba se evalúan de forma local en tu navegador y nada se sube a un servidor.

Creado y mantenido por Udit Agarwal

Regular Expressions (Regex), Explained

¿Comparas dos cadenas en su lugar? Prueba la herramienta de Comparar texto.

Acerca de Probador de regex

Este probador de regex te permite crear y depurar expresiones regulares de JavaScript en vivo, con cada coincidencia resaltada en tu texto de ejemplo en cuanto escribes. Como probador de regex en línea, muestra los grupos de captura, los grupos con nombre y el índice de inicio de cada coincidencia, para que veas con precisión qué captura un patrón. Activa las banderas i, m, s y u para probar expresiones regulares en distintas condiciones sin reescribirlas; la búsqueda es siempre global, así que se listan todas las coincidencias. Usa el mismo motor RegExp que incluye tu navegador, así que los resultados coinciden con lo que hará tu código JavaScript en tiempo de ejecución. Útil para desarrolladores que escriben validaciones, ingenieros de QA que revisan reglas de análisis y cualquiera que esté aprendiendo regexp. Todo se ejecuta de forma local en tu navegador, así que tus patrones y datos de prueba nunca salen de tu dispositivo.

Características

  • Resalta cada coincidencia en tu cadena de prueba en vivo mientras escribes el patrón
  • Muestra los grupos de captura numerados y los grupos con nombre de cada coincidencia
  • Informa el índice de inicio de cada coincidencia, numeradas en orden
  • Activa las banderas i, m, s y u de forma individual; la búsqueda es siempre global
  • Usa el motor nativo RegExp de JavaScript del navegador para resultados precisos
  • Expone los errores de sintaxis del patrón para que corrijas expresiones inválidas rápido
  • Procesa los patrones y el texto de prueba por completo en tu navegador

Cómo usar Probador de regex

  1. Escribe o pega tu expresión regular en el campo del patrón.
  2. Activa las banderas que necesites (i, m, s, u) junto al patrón.
  3. Pega tu texto de ejemplo en el cuadro de la cadena de prueba.
  4. Lee las coincidencias resaltadas, los grupos de captura y las posiciones en el panel de resultados.

Ejemplo

Entrada

Pattern: (\w+)@(\w+)\.com  Flags: g
Text: contact alice@example.com or bob@test.com

Salida

Match 1: alice@example.com  group1=alice  group2=example
Match 2: bob@test.com  group1=bob  group2=test

Dos coincidencias con grupos de captura extraídos de cada correo.

Errores comunes y solución de problemas

  • Al desactivar la bandera g siguen apareciendo todas las coincidencias. — El probador siempre busca de forma global para que veas cada coincidencia. En tu propio código, una regex sin g se detiene en la primera coincidencia con exec() o match(), así que añade g allí cuando las necesites todas.
  • Un patrón sensible a mayúsculas omite palabras como 'Error' frente a 'error'. — Activa la bandera i (ignorar mayúsculas) para que el patrón coincida sin importar las mayúsculas o minúsculas.
  • Un punto (.) no coincide con los saltos de línea en texto multilínea. — Activa la bandera s (dotall) para que . también coincida con los saltos de línea.
  • ^ y $ solo anclan a toda la cadena, no a cada línea. — Activa la bandera m (multilínea) para anclar al inicio y al final de cada línea.
  • Los grupos con nombre o los escapes de propiedad Unicode (\p{...}) lanzan un error. — Activa la bandera u (unicode), que es necesaria para los escapes \p{...} y el manejo estricto de Unicode.
  • El campo del patrón muestra un error de sintaxis. — Revisa los corchetes o paréntesis sin equilibrar y escapa los caracteres especiales literales como . o ( con una barra invertida.

Preguntas frecuentes

¿Qué es un probador de regex?
Un probador de regex ejecuta una expresión regular contra un texto de ejemplo y te muestra qué coincide en tiempo real. El Probador de regex de ArrayKit resalta cada coincidencia, lista los grupos de captura e informa la posición de cada coincidencia para que depures patrones de forma visual.
¿Qué variante de regex usa el Probador de regex?
JavaScript; usa el mismo motor RegExp que ejecuta tu navegador, así que las coincidencias reflejan exactamente cómo se comportará tu código JS.
¿Cómo pruebo los grupos de captura en el Probador de regex?
Envuelve partes de tu patrón entre paréntesis y ejecútalo contra tu texto. Cada coincidencia lista sus grupos de captura numerados y cualquier grupo con nombre, junto con el índice donde empieza la coincidencia.
¿Qué banderas puedo activar en el Probador de regex?
Puedes activar o desactivar i (ignorar mayúsculas), m (multilínea), s (dotall) y u (unicode) de forma independiente para probar expresiones regulares en distintas condiciones. También hay un botón g (global), pero la búsqueda siempre es global, así que se listan todas las coincidencias en cualquier caso.
¿El Probador de regex maneja texto multilínea?
Sí. Pega entrada multilínea y activa la bandera m para anclar ^ y $ por línea, o la bandera s para que . abarque los saltos de línea.
¿Mis patrones y datos de prueba se envían a algún lugar?
No. El Probador de regex evalúa todo de forma local en tu navegador, así que tus patrones y texto de ejemplo nunca salen de tu dispositivo y nada se sube a un servidor.

Herramientas relacionadas

Más herramientas de Formateadores de código

Ver todas las herramientas de Formateadores de código (32) · Todas las herramientas