Cómo usar esta herramienta para desarrolladores
- Pega el texto original.
- Escribe el patrón regex y sus flags.
- Define la cadena de reemplazo usando referencias JavaScript si las necesitas.
- Ejecuta y compara el resultado antes de copiarlo.
Regex Replace Preview
Previsualiza una sustitución basada en expresiones regulares JavaScript antes de aplicarla en un editor o script. Introduce el texto, el patrón, los flags y la cadena de reemplazo; la salida muestra el resultado transformado y cuántas coincidencias se sustituirían. Se respetan referencias de reemplazo compatibles con JavaScript como $1 y $&. La página no modifica archivos originales y ayuda a detectar reemplazos demasiado amplios antes de ejecutar una migración.
Datos de entrada
Texto originalEspacio publicitario
Qué hace esta herramienta para desarrolladores
La salida es exactamente el texto que produciría String.replace con el RegExp configurado. El contador de coincidencias se calcula por separado para advertir si el alcance es mayor del esperado.
Se compila RegExp con los flags indicados, se recorre una copia global para contar matches y después se aplica text.replace(regex, replacement).
En JavaScript, $1…$99 representan grupos numerados, $& la coincidencia completa y $
Ejemplo
Patrón ([\w.+-]+)@([\w.-]+) y reemplazo $1@[dominio]:
user: ana@example.com
Produce user: ana@[dominio].
Casos de uso
- Anonimizar campos de logs antes de compartirlos.
- Previsualizar migraciones de formato.
- Probar referencias de grupos capturados.
- Revisar el alcance de una regex antes de usar buscar/reemplazar.
Consejos para obtener resultados fiables
- Prueba primero con una muestra representativa.
- Cuenta coincidencias antes de aceptar un reemplazo masivo.
- Escapa
$cuando necesites un signo literal en la cadena de reemplazo. - Evita patrones vulnerables a backtracking excesivo.
Detalles del procesamiento
Para contar coincidencias se crea una versión global del patrón. El reemplazo final conserva exactamente los flags elegidos, de modo que sin g solo se sustituye la primera coincidencia.
La sintaxis de reemplazo es la de JavaScript, que puede diferir de editores, sed, PCRE o lenguajes de backend.
Preguntas frecuentes
¿Cómo uso $1 y $2 en un reemplazo regex de JavaScript?
Incluye grupos capturados en el patrón y escribe $1, $2, etc. en la cadena de reemplazo para insertar su contenido.
¿Qué diferencia hay entre usar y no usar el flag g al reemplazar?
Con g se reemplazan todas las coincidencias; sin g, String.replace modifica únicamente la primera.
¿Cómo inserto la coincidencia completa en el reemplazo?
Usa $& en la cadena de reemplazo. JavaScript lo sustituye por el texto completo que coincidió.
¿Puedo usar grupos con nombre en la cadena de reemplazo?
Sí, cuando el navegador soporta grupos con nombre puedes usar la sintaxis $<nombre>.
¿La previsualización modifica el archivo que cargué?
No. La herramienta trabaja con una copia del contenido en memoria y solo descarga un archivo nuevo si pulsas Descargar.
Herramientas relacionadas para desarrolladores
Resumen técnico
| Elemento | Valor |
|---|---|
| Categoría | Formato de código y expresiones regulares |
| Número | 497 |
| Ejecución | Local en el navegador |
| Dependencias | Ninguna |
Explora la categoría
Consulta más utilidades de formato de código y expresiones regulares en el índice de la categoría.