JavaScript Regex: Guía Completa Con Ejemplos Y Consejos

JavaScript Regex (expresiones regulares) es una herramienta poderosa que permite buscar y manipular texto de manera eficiente. En este artículo, exploraremos qué son las expresiones regulares en JavaScript, cómo utilizarlas y ejemplos prácticos para que puedas implementarlas en tus proyectos.

Índice de contenido

• ¿Qué es Regex en JavaScript?
• Sintaxis básica de Regex en JavaScript
• Patrones en Regex
• Coincidencias con Regex
• Clases de caracteres
• Cuantificadores en Regex
• Flags en Regex
• Agrupaciones en Regex
• Anclas en Regex
• Ejemplos prácticos de Regex en JavaScript
• Preguntas frecuentes
• Conclusión

¿Qué es Regex en JavaScript?

Regex, o expresiones regulares, es una herramienta que permite definir patrones complejos para buscar, validar y manipular texto. En JavaScript, se utiliza mediante el objeto RegExp y es muy útil para tareas como:

• Validación de entradas (como correos electrónicos o números de teléfono).
• Buscar y reemplazar texto en cadenas.
• Extraer datos específicos de un texto.

Sintaxis básica de Regex en JavaScript

Existen dos formas principales para definir una expresión regular en JavaScript:

1. Uso de barras diagonales (//)

const regex = /pattern/;

2. Uso del constructor RegExp

const regex = new RegExp("pattern");

Patrones en Regex

Los patrones definen la estructura de lo que se desea buscar. Por ejemplo:

const regex = /hello/;
console.log(regex.test("hello world")); // true
console.log(regex.test("world hello")); // true

Coincidencias con Regex

El método test() verifica si una cadena coincide con un patrón:

const string = "Follow CodeWithEmil";
const regex_1 = /follow/;
const regex_2 = /CodeWithEmil/;

console.log(regex_1.test(string)); // false
console.log(regex_2.test(string)); // true

Clases de caracteres

Las clases de caracteres permiten definir grupos específicos de caracteres a buscar:

// Buscar vocales
const regex = /[aeiou]/;
console.log(regex.test("hello")); // true
console.log(regex.test("wrld")); // false

// Buscar dígitos
const regex = /[0-9]/;
console.log(regex.test("hello")); // false
console.log(regex.test("123")); // true

Cuantificadores en Regex

Los cuantificadores permiten definir la cantidad de veces que debe aparecer un patrón:

const regex = /a{2,4}/;
console.log(regex.test("a")); // false
console.log(regex.test("aa")); // true
console.log(regex.test("aaa")); // true
console.log(regex.test("aaaa")); // true
console.log(regex.test("aaaaa")); // false

Flags en Regex

Las flags modifican el comportamiento de la búsqueda:

const text = "Hello world! New world I see...";
const replaceRegex = /world/g;
console.log(text.replace(replaceRegex, "Test")); 
// Salida: Hello Test! New Test I see...

Agrupaciones en Regex

Permite agrupar patrones para buscar múltiples coincidencias:

const regex = /(hello|world)/;
console.log(regex.test("Hello world")); // true
console.log(regex.test("My world is pretty")); // true

Anclas en Regex

Las anclas permiten buscar patrones al inicio o final de una cadena:

const regex = /^hello/;
console.log(regex.test("hello world")); // true
console.log(regex.test("world hello")); // false

const regex = /hello$/;
console.log(regex.test("hello world")); // false
console.log(regex.test("world hello")); // true

Ejemplos prácticos de Regex en JavaScript

• Validar correo electrónico: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/
• Validar número de teléfono: /^\d{9}$/
• Buscar palabras específicas: /JavaScript|Regex/

Preguntas frecuentes sobre JavaScript Regex

¿Qué significa Regex en JavaScript?

Regex es una abreviatura de “Regular Expression”, utilizada para definir patrones complejos de búsqueda en texto.

¿Cómo validar un correo electrónico con Regex en JavaScript?

Puedes usar esta expresión regular: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/

¿Cómo hacer búsquedas sin distinguir mayúsculas de minúsculas?

Usa el modificador “i”. Ejemplo: /pattern/i

Conclusión

JavaScript Regex es una herramienta poderosa para manipular texto y validar datos. Dominarla te permitirá escribir código más limpio y eficiente.