#464 · Herramienta para desarrolladores

JavaScript Regex Literal Builder

Construye un literal de expresión regular de JavaScript a partir de un patrón y un conjunto de flags. Valida la combinación con RegExp, escapa las barras inclinadas necesarias para escribir /patrón/flags y muestra detalles de la expresión antes de pegarla en código fuente.

Datos de entrada

Patrón regex
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega o escribe la entrada en el cuadro principal.
  2. Ajusta las opciones disponibles para este analizador.
  3. Pulsa el botón principal o usa Ctrl/Cmd + Enter.
  4. Revisa el resumen, la interpretación y las métricas.
  5. Copia o descarga el resultado si coincide con lo que necesitas.

Qué hace esta herramienta para desarrolladores

Construye un literal de expresión regular de JavaScript a partir de un patrón y un conjunto de flags. Valida la combinación con RegExp, escapa las barras inclinadas necesarias para escribir /patrón/flags y muestra detalles de la expresión antes de pegarla en código fuente.

Valida los flags permitidos, construye RegExp(pattern, flags) para comprobar sintaxis y escapa barras no escapadas al formar el literal /.../.

Una regex válida puede seguir siendo costosa con entradas adversarias. La herramienta no ejecuta pruebas masivas ni garantiza resistencia a ReDoS.

Ejemplo

Patrón: ^foo/bar$ Flags: i Salida: /^foo\/bar$/i

Casos de uso

  • Pasar patrones almacenados como texto a código JavaScript.
  • Revisar flags duplicados o inválidos.
  • Preparar ejemplos regex para pruebas unitarias.

Consejos para obtener resultados fiables

  • Prueba primero con un ejemplo pequeño que conozcas.
  • Conserva una copia de la entrada original antes de transformar datos.
  • Revisa errores y limitaciones antes de usar el resultado en producción.
  • Cuando haya Unicode, compara también bytes o puntos de código si el problema no es visible.
  • Valida el resultado en el entorno final cuando intervengan reglas específicas del proyecto.

Detalles del procesamiento

Valida los flags permitidos, construye RegExp(pattern, flags) para comprobar sintaxis y escapa barras no escapadas al formar el literal /.../.

Una regex válida puede seguir siendo costosa con entradas adversarias. La herramienta no ejecuta pruebas masivas ni garantiza resistencia a ReDoS.

Preguntas frecuentes

¿Por qué se escapan las barras / al generar el literal JavaScript?

Porque / delimita un literal regex; una barra que forma parte del patrón debe escribirse como \/ dentro del literal.

¿Qué flags de RegExp admite el generador?

Admite los flags que reconoce el navegador entre d, g, i, m, s, u, v e y, y rechaza duplicados.

¿La herramienta detecta expresiones vulnerables a ReDoS?

No. Solo valida sintaxis y muestra una advertencia sobre posibles costes de backtracking.

¿Puedo pegar un literal que ya tenga / al principio y al final?

La entrada esperada es el patrón sin delimitadores; si pegas delimitadores se tratarán como parte del patrón.

¿Se ejecuta la expresión regular contra texto de prueba?

No en esta utilidad. El objetivo es construir y validar el literal, no hacer matching interactivo.

Resumen técnico

MóduloDetalle
EntradaPatrón regex
ProcesamientoValida los flags permitidos, construye RegExp(pattern, flags) para comprobar sintaxis y escapa barras no escapadas al formar el literal /.../.
SalidaLiteral regex

Explorar Herramientas HTML, CSS y JavaScript

Consulta más utilidades de esta categoría en el hub de Herramientas HTML, CSS y JavaScript.