Introducción a las expresiones regulares

En esta lección aprenderás lo básico de las expresiones regulares en JavaScript para validar y extraer cadenas que siguen un patrón, como un correo o un número de teléfono. Está dirigida a quien busca «uso de regex en JavaScript» o «match frente a test en JavaScript».

Una expresión regular es una notación especial para representar la «forma» de una cadena. Te permite indicar un patrón —«tres dígitos, un guion y cuatro dígitos», por ejemplo— y comprobar si una cadena encaja, o extraer la parte coincidente. Se escribe como /patrón/, y puedes obtener un verdadero/falso con .test() o la subcadena coincidente con .match().

El código de ejemplo usa un patrón de teléfono, /\d{3}-\d{4}-\d{4}/, para sacar solo el número de una frase con .match(). \d significa «un dígito» y {3} significa «repite lo anterior 3 veces». Con .test(), la expresión /^\d+$/.test("12345") comprueba si toda la cadena se compone únicamente de dígitos.

Al principio puede intimidar con tanto símbolo, pero es una herramienta potentísima en proyectos reales: comprobar el formato de un correo o extraer solo la información que necesitas de un texto. Un tropiezo habitual al empezar es que símbolos como . y * tienen un significado especial (los «metacaracteres»); si quieres tratarlos como caracteres literales, tienes que escaparlos con una barra invertida.

En el desarrollo real, las expresiones regulares se usan en un abanico enorme de situaciones: validar formularios (formato del correo o de la contraseña), extraer patrones concretos de un archivo de registro y hacer sustituciones masivas de texto. A medida que te acostumbras a la notación, incluso procesamientos complejos de texto se resuelven con un código sorprendentemente corto.