🔍 ¿Qué son las expresiones regulares?
Expresión regular es una cadena que describe el patrón de búsqueda. Se compone de símbolos y caracteres especiales que definen exactamente lo que estamos buscando.
En pocas palabras:
👉 es como máscara de búsqueda inteligente, que encuentra lo que coincide con una estructura determinada.
/hello/Esta expresión encontrará la palabra "hello" en cualquier texto.
🛠 ¿Cómo funciona?
const text = "Hi, my name is Kodik!";
const result = /Кодик/.test(text);
console.log(result); // trueEl método .test() comprueba, ¿Hay coincidencia? con la plantilla. Si es así, devolverá true.
🔍 Análisis línea por línea:
const text = "¡Hola, me llamo Kodik!";
Creamos una variable text, que almacena una cadena regular. Este es nuestro "texto", en el que vamos a buscar coincidencia.
👉 Dentro de la línea hay una palabra Кодик — es lo que queremos encontrar.
const result = /Código/.test(text);
Aquí es donde ocurre lo más interesante:
/Кодик/— expresión regular que busca una coincidencia exacta de la palabraКодик..test(text)— un método que:acepta la línea
textcomprueba si hay una coincidencia con la plantilla
devuelve
truesi se encuentra una coincidencia, de lo contrariofalse
🧠 En nuestro caso, la palabra Кодик está realmente en el texto, por lo que el resultado será true.
console.log(result); // true
Aquí simplemente mostrar el resultado de la comprobación en la consola:
Si se encuentra
Кодик, la consola tendrátrueSi no existiera, habría
false
💬 Podemos decirlo de otra manera:
Le dices al navegador:
"Oye, mira si hay en este texto la palabra 'Kodik'? Si es así, dime true"
Y JavaScript, como un fiel asistente, dice: ✅ ¡Sí, lo hay! — true
🧪 Diseños útiles
Sintaxis | ¿Qué hace? | Ejemplo |
|---|---|---|
. | Cualquier carácter |
|
* | Cero o más repeticiones |
|
+ | Uno o más |
|
? | 0 o 1 vez |
|
\d | Cualquier número |
|
\w | Letra, número o _ |
|
^ | Inicio de línea |
|
$ | Fin de línea |
|
🧠 Ejemplo: verificación de correo electrónico
const email = "test@example.com";
const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(pattern.test(email)); // true¿Qué está pasando?
^y$— inicio y final de la línea[^\s@]+— al menos un carácter, excepto espacios y@@— siempre presente\.— punto antes del dominio (¡escapado!)+— repetición
🧠 ¿Dónde se usan las expresiones regulares?
💡 Ámbito de aplicación | 📋 Qué hacen los habituales |
|---|---|
Validación de formularios | Comprueban el correo electrónico, las contraseñas, los números de teléfono y otros campos de entrada |
Buscar y reemplazar en el texto | Encuentran plantillas y las reemplazan por las correctas |
Análisis de registros, CSV, HTML | Extraen los datos necesarios de filas, etiquetas y archivos estructurados |
Escritura de linters y parsers | Ayudan a analizar el código y encontrar errores o desviaciones estilísticas |
Búsqueda rápida por código o documentación | Encuentran las funciones, variables y plantillas necesarias según la estructura |
Las expresiones regulares son como el lenguaje de los magos para trabajar con el texto. ¡Al principio da miedo, pero luego te encanta! Prueba, juega, escribe plantillas. Y para practicar con placer, echa un vistazo a la aplicación Kodik 🐾
Kodik es una aplicación para aprender programación: cursos de HTML, CSS, JavaScript y Python con explicaciones sencillas y prácticas que realmente se recuerdan.
💻 Aprende divirtiéndote: https://itcodik.com/