DT Dev Tools

Regex Tester — Probador de expresiones regulares

Prueba regex de JavaScript en vivo: resalta coincidencias, muestra grupos numerados y con nombre en una tabla, previsualiza reemplazos y explica cada flag.

🔒 Se ejecuta completamente en tu navegador — nada se sube

Flags

    Coincidencias resaltadas

    Coincidencias y grupos

    ¿Te ha sido útil esta herramienta? Valórala:

    Qué hace Regex Tester

    Regex Tester ejecuta una expresión regular de JavaScript sobre un texto de ejemplo mientras escribes, resalta cada coincidencia con colores alternos y lista cada una en una tabla con su posición y todos sus grupos de captura. Los grupos con nombre, como (?<year>\d{4}), se etiquetan con su nombre, y los grupos que no participaron en una coincidencia se muestran como undefined, así que las partes opcionales de un patrón son fáciles de depurar. Pasa el cursor sobre una coincidencia resaltada para ver sus grupos.

    Añade un reemplazo para previsualizar la salida de String.prototype.replace con $1, $<name>, $& y los demás tokens de sustitución; es ideal para refactorizar con la búsqueda por regex de un editor o para escribir scripts de limpieza de datos. Están disponibles los ocho flags: global, ignore case, multiline, dotAll, unicode, unicodeSets, sticky y hasIndices, cada uno con una breve explicación. Es útil para validar patrones de análisis de registros, fragmentos de validación de formularios, coincidencia de rutas y pequeñas tareas de extracción antes de copiar la expresión al código.

    Flujo de trabajo privado en el navegador

    Todo el procesamiento se realiza con JavaScript en el navegador. La herramienta no sube a ningún servidor tus textos, tokens, URL, fragmentos ni valores generados, y no requiere cuenta. Este modelo de privacidad es importante porque las utilidades pequeñas suelen recibir respuestas reales de API, muestras de configuración, registros, datos de autenticación o ejemplos con forma de datos de clientes durante la resolución de problemas. Trabajar en local reduce el riesgo y hace que la herramienta sea instantánea, porque no hay viaje por la red.

    Consejos prácticos

    Sin el flag g solo se informa de la primera coincidencia, exactamente como se comporta RegExp.exec en el código. Las coincidencias de longitud cero se listan pero no se resaltan, para evitar una salida confusa. Usa el flag u o v cuando tu patrón contenga emojis o clases de propiedades Unicode \p{…}. Como el comportamiento de RegExp del navegador es la fuente de verdad aquí, los resultados coinciden con el JavaScript y el Node.js modernos, pero otros motores como PCRE, Python y .NET difieren en detalles como el lookbehind y la sintaxis de los grupos con nombre. Los patrones con cuantificadores anidados, como (a+)+, pueden provocar un retroceso catastrófico; si la página se ralentiza, simplifica el patrón.

    Cómo usar

    1. Introduce el patrón y los flagsEscribe una regex de JavaScript o pega un /literal/flags y marca los flags que necesites.
    2. Pega el textoAñade un texto de ejemplo; las coincidencias se actualizan mientras escribes.
    3. Revisa las coincidencias y el reemplazoInspecciona los resaltados y la tabla de grupos, y previsualiza un reemplazo.

    Preguntas frecuentes

    ¿Debo incluir las barras?
    Valen ambas opciones. Introduce solo el patrón, o pega un literal completo como /\d+/gi y los flags se marcan por ti.
    ¿Puedo probar buscar y reemplazar?
    Sí. Rellena Replace with para previsualizar la salida de String.replace con $1, $<name>, $& (toda la coincidencia), $` y $'.
    ¿Qué motor y qué flags se usan?
    El motor RegExp de JavaScript del navegador con todos los flags: g, i, m, s, u, v, y y d. Cada flag activo se explica bajo las casillas.
    ¿Se sube el texto de ejemplo?
    No. Las pruebas se realizan en local.