Probador de Expresiones Regulares Online: Domina las Regex en 10 Minutos

Encuesta rápida: ¿quién más ha mirado /^[\w.-]+@[\w-]+\.[a-z]{2,}$/ y ha sentido que le tiembla el ojo?

No estás solo.

Las expresiones regulares son una de esas habilidades que los desarrolladores evitan hasta que no pueden más. Luego pasan 40 minutos buscando en Google "regex para X" y copian y pegan lo que sea que diga Stack Overflow.

Ahí es donde entra un probador de expresiones regulares.

En esta guía, te mostraré el probador de regex online gratuito que uso, repasaré los 5 patrones que todo desarrollador debería conocer y te daré un curso intensivo de 10 minutos que realmente se quedará contigo.

Por qué la mayoría de los desarrolladores evitan las regex#

Tres razones.

Primero, la sintaxis parece runas antiguas. Una vez que la conoces, está bien. Hasta entonces, es intimidante.

Segundo, cada lenguaje tiene variaciones sutiles. Las regex de JavaScript no son exactamente las de Python, ni las de Java.

Tercero, las regex son una de esas habilidades que usas semanalmente pero nunca a diario. Así que olvidas entre usos.

Un buen probador de regex soluciona los tres problemas:

• Resaltado de coincidencias en tiempo real (ves lo que captura tu patrón)
• Opciones de sintaxis para varios lenguajes
• Explicación del patrón en español claro

Lo que hace que un buen probador de regex destaque#

Mi lista de verificación:

1. Coincidencias en vivo, escribe el patrón y ve las coincidencias resaltadas mientras escribes
2. Explicación en lenguaje sencillo, desglosa lo que hace cada parte de tu regex
3. Panel de referencia rápida, acceso rápido a símbolos
4. Generación de código en varios lenguajes, código listo para copiar en JS, Python, Java, Go
5. Prueba con múltiples cadenas, pega una lista y ve cuáles coinciden
6. Vista previa de sustitución, para patrones de buscar y reemplazar

Si una herramienta solo resalta coincidencias y nada más, busca otra.

El probador de regex gratuito que uso#

Probador de Regex de Molixa.

Coincidencias en vivo. Explicación del patrón. Generación de código en varios idiomas. Hoja de referencia. Todo gratis, todo en el navegador.

Curso intensivo de regex en 10 minutos#

Te mostraré los patrones que cubren el 80% de los usos reales.

Patrón 1: Direcciones de correo electrónico#

^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

En español sencillo:

• Comienza con uno o más letras, dígitos, puntos, guiones bajos, %, + o -
• Luego @
• Luego uno o más letras, dígitos, puntos o guiones
• Luego un punto
• Luego 2+ letras al final

Caso de uso: validar entradas de correo en formularios.

Patrón 2: URLs#

https?:\/\/[\w.-]+(\.[\w.-]+)+([\w\-._~:\/?#[\]@!$&'()*+,;=.]+)?

En español sencillo:

• Coincide con http o https
• Luego ://
• Luego uno o más caracteres de palabra, puntos o guiones
• Luego ruta opcional

Caso de uso: extraer URLs de texto.

Patrón 3: Números de teléfono (formato EE. UU.)#

\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}

En español sencillo:

• Paréntesis de apertura opcional
• 3 dígitos
• Paréntesis de cierre opcional
• Separador opcional (-, . o espacio)
• 3 dígitos, separador, 4 dígitos

Caso de uso: coincidir números de teléfono en formato estadounidense.

Patrón 4: Fechas (AAAA-MM-DD)#

\d{4}-\d{2}-\d{2}

En español sencillo:

• 4 dígitos, guión, 2 dígitos, guión, 2 dígitos

Caso de uso: extraer fechas ISO de registros.

Patrón 5: Colores hexadecimales#

#[0-9a-fA-F]{6}\b

En español sencillo:

• Símbolo de numeral
• Exactamente 6 caracteres hexadecimales

Caso de uso: extraer colores de CSS o especificaciones de diseño.

Los 5 símbolos de regex que debes conocer#

Memoriza estos y podrás leer el 80% de los patrones:

• ., cualquier carácter individual
• *, cero o más del anterior
• +, uno o más del anterior
• ?, cero o uno del anterior (opcional)
• \d, cualquier dígito (0-9)

Agrega \w (cualquier carácter de palabra) y \s (cualquier espacio en blanco) y estarás al 90%.

Paso a paso: cómo escribir tu primera expresión regular#

Construyamos una desde cero. Objetivo: validar un código postal de EE. UU.

Paso 1: Identifica lo que quieres validar#

Los códigos postales de EE. UU. tienen 5 dígitos, a veces con una extensión de 4 dígitos.

Paso 2: Empieza con el caso simple#

\d{5}

Esto coincide exactamente con 5 dígitos.

Paso 3: Agrega la extensión#

\d{5}(-\d{4})?

(-\d{4})? significa "opcionalmente, un guion seguido de 4 dígitos".

Paso 4: Prueba en el probador de expresiones regulares#

Pega tu patrón en el probador de expresiones regulares. Agrega cadenas de prueba:

• 12345, debe coincidir
• 12345-6789, debe coincidir
• 1234, NO debe coincidir
• 12345-67890, NO debe coincidir

Si los resultados no coinciden con lo esperado, tu patrón es incorrecto.

Paso 5: Agrega anclas si es necesario#

Si quieres que la expresión regular coincida con toda la cadena (no solo una subcadena), envuélvela con ^ y $:

^\d{5}(-\d{4})?$

Paso 6: Genera código#

En el Probador de Expresiones Regulares de Molixa, haz clic en "Obtener código". Verás fragmentos listos para copiar y pegar en JavaScript, Python, Java, etc.

Errores comunes en regex#

Algunas trampas frecuentes:

Error 1: Olvidar escapar caracteres especiales. . coincide con cualquier carácter, no con un punto literal. Usa \. para un punto literal.

Error 2: Coincidencia codiciosa cuando quieres perezosa. .+ coincide tanto como sea posible. Usa .+? para coincidencia perezosa (mínima).

Error 3: No probar casos límite. Prueba con cadenas vacías, cadenas muy largas, cadenas con Unicode extraño.

Error 4: Copiar regex de Stack Overflow sin probar. Incluso las respuestas populares pueden tener errores sutiles. Siempre prueba.

Error 5: Escribir una regex gigante cuando tres más pequeñas servirían. La legibilidad importa. Si tu regex tiene más de 80 caracteres, considera dividirla.

Cuándo NO usar regex#

Regex es un martillo. No todo es un clavo.

No uses regex para:

• Analizar HTML o XML. Usa una biblioteca de análisis (cheerio, BeautifulSoup, etc.). El HTML es demasiado irregular para regex.
• Analizar JSON. Usa el analizador JSON integrado del lenguaje.
• Reglas gramaticales complejas. Si tu patrón requiere lógica anidada, estás ante una gramática libre de contexto, usa un analizador real.

Usa regex para:

• Validar formatos de entrada simples
• Extraer datos de registros o texto no estructurado
• Buscar y reemplazar en editores de texto
• Scripts rápidos y únicos

Consejos profesionales#

Ganancias rápidas:

Consejo 1: Usa el indicador i para coincidencias sin distinción de mayúsculas y minúsculas. /hello/i coincide con "Hello," "HELLO," etc.

Consejo 2: Usa grupos de captura con nombre en motores de regex modernos. (?<name>\w+) es más legible que (\w+) y $1.

Consejo 3: En caso de duda, simplifica. Una regex que funciona pero no puedes leer en 6 meses es una bomba de mantenimiento.

Consejo 4: Usa anclas. ^ y $ te ahorran sorpresas de "coincide en cualquier parte de la cadena".

Consejo 5: Prueba con entradas incorrectas, no solo con entradas correctas.

Recursos para profundizar#

Después de que te sientas cómodo con lo básico:

• regex101.com, el probador de expresiones regulares más popular. Interfaz pulida.
• regexr.com, otro buen probador con una sección de aprendizaje.
• Probador de Regex de Molixa, limpio, gratuito, sin registro, con generación de código.

Para aprender: "Dominando las Expresiones Regulares" de Jeffrey Friedl es el libro clásico. O simplemente quédate en un probador de regex e itera.

Conclusión#

Las expresiones regulares no son magia. Son un pequeño lenguaje para buscar patrones.

Con un buen probador de regex en línea, puedes escribir, probar y explicar patrones en minutos, no en horas.

molixa.app/tools/regex-tester es gratuito y funciona en tu navegador.

Elige un patrón que hayas evitado. Constrúyelo. Sigue con tu vida.

Hasta la próxima.