AprendeFast - Guía Interactiva de Expresiones Regulares

Domina la búsqueda y manipulación de texto de forma práctica.

Bienvenido a esta guía interactiva de AprendeFast.com. A la izquierda encontrarás todos los conceptos teóricos sobre Expresiones Regulares (Regex), desde lo más básico hasta temas avanzados. Cada sección contiene ejemplos prácticos. Utiliza el probador de la derecha para experimentar. Haz clic en el botón "Probar" de cualquier ejemplo para cargarlo automáticamente y ver cómo funciona.

Una expresión regular es una secuencia de caracteres que define un patrón de búsqueda. En JavaScript, los patrones se delimitan con barras inclinadas /.

Los modificadores (o *flags*) se colocan después de la barra final y cambian el comportamiento de la búsqueda:

g: Búsqueda global (encuentra todas las coincidencias).
i: Ignora mayúsculas/minúsculas.

Ejemplo: Encontrar "ain" en un texto.

/ain/gi

Texto de prueba: "It's a pAin on a trAIn in the rAIN."

Los metacaracteres son atajos para tipos comunes de caracteres.

\d: Cualquier dígito (0-9).
\w: Cualquier carácter de palabra (letras, números, _).
\s: Cualquier espacio en blanco.
.: Cualquier carácter excepto nueva línea.

Las clases de caracteres [] te permiten definir tu propio conjunto de caracteres.

[abc]: Coincide con 'a', 'b', o 'c'.
[a-z]: Coincide con cualquier letra minúscula.
[^0-9]: Coincide con cualquier carácter que NO sea un dígito.

Ejemplo: Encontrar todas las vocales.

/[aeiou]/gi

Texto de prueba: "The quick brown fox jumps over the lazy dog."

Los cuantificadores especifican cuántas veces debe aparecer un elemento.

+: Una o más veces.
*: Cero o más veces.
?: Cero o una vez.
{n}: Exactamente n veces.
{n,}: n o más veces.

Ejemplo: Encontrar números de 2 o más dígitos.

/\d{2,}/g

Texto de prueba: "Items: 5, 12, 125, 8, 99, 1024."

Las anclas no coinciden con caracteres, sino con posiciones.

^: Inicio de la cadena (o línea con flag `m`).
$: Fin de la cadena (o línea con flag `m`).
\b: Límite de palabra.

Ejemplo: Encontrar la palabra "cat" completa.

/\bcat\b/gi

Texto de prueba: "The cat is in a category with other felines."

Los paréntesis () agrupan partes de un patrón y capturan el texto coincidente. Estos grupos capturados se pueden reutilizar.

(...): Grupo de captura.
(?:...): Grupo no-capturante.
|: Alternancia (OR lógico).

Ejemplo: Capturar día, mes y año.

/(\d{2})-(\d{2})-(\d{4})/g

Texto de prueba: "Nacimiento: 25-12-1990, Evento: 15-07-2023"

Validación de Email (Básica)

/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/g

Texto de prueba: "test@example.com, invalid-email, user.name@domain.co"

Extracción de URLs

/https?:\/\/[^\s/$.?#].[^\s]*/gi

Texto de prueba: "Visita nuestro sitio https://www.example.com para más info. También puedes ver http://sub.domain.org/path."

Probador de Regex

/ /

Texto de Prueba

Resultado

Las coincidencias se resaltarán aquí.