Tema 3 · Sintaxis

3. Caracteres Literales, Metacaracteres y Escapes Dinámicos

Metacaracteres reservados (^ $ \ . * + ? ( ) [ ] { } |), el doble escape en strings y la función universal escapeRegExp().

2. Métodos Propios de RegExp: test(), exec() y el Estado lastIndex 4. Clases de Caracteres, Rangos ([a-z0-9]) y Atajos (\d, \w, \s)

Caracteres Literales vs Metacaracteres

La mayoría de los caracteres en una expresión regular (como letras a-z o números 0-9) son literales: coinciden exactamente consigo mismos. Sin embargo, ciertos símbolos tienen un significado estructural especial y se denominan metacaracteres.

Metarácter Función en el Motor RegExp Forma Escapada (Literal)
. (Punto) Coincide con cualquier carácter excepto saltos de línea \. (Punto ortográfico literal)
^ y $ Anclas de inicio y fin de cadena \^ y \$ (Símbolos literales)
* , + , ? Cuantificadores de repetición \* , \+ , \?
( ) , [ ] , { } Grupos, clases de caracteres e intervalos \( \) , \[ \] , \{ \}
| (Pleca) Operador alternador (OR lógico) \|
\ (Barra invertida) Prefijo de escape o inicio de metasecuencias (ej. \d) \\ (Barra invertida literal)

La Función Oficial escapeRegExp()

A diferencia de otros lenguajes como PHP (que incluye la función nativa preg_quote()), JavaScript estándar no posee un método incorporado en el objeto global RegExp para escapar texto arbitrario.

Cuando permites que un usuario busque texto libre en tu aplicación (por ejemplo en un input de búsqueda con autocompletado), debes sanitizar la cadena antes de instanciar new RegExp(). De lo contrario, si el usuario escribe [test] o user(1), el motor lanzará un error de sintaxis SyntaxError: Invalid regular expression.

⚡ Función universal escapeRegExp y Búsqueda Segura

Crea una función auxiliar para sanitizar cadenas dinámicas antes de usarlas en new RegExp() para evitar errores y fallos de seguridad.

escape-dinamico.js
Solo lectura 
// Función canónica para escapar metacaracteres (Recomendación MDN)
function escapeRegExp(cadena) {
  // $& representa la coincidencia encontrada completa que será reemplazada por \$&
  return cadena.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

// Catálogo de productos simulado
const catalogo = [
  "Plan Hosting Estándar ($9.99/mes)",
  "Plan Hosting Pro ($19.99/mes)",
  "Certificado SSL Comodo (Gratis)",
  "Node.js Backend Microservicios [v20.x]",
  "Base de Datos MySQL + Redis Cache"
];

// Simulamos que el usuario busca un término con metacaracteres reservados:
const busquedaUsuario1 = "($9.99/mes)";
const busquedaUsuario2 = "[v20.x]";

function buscarProducto(termino) {
  // Escapamos los símbolos peligrosos: '(' '$' '.' '/' ')'
  const terminoSeguro = escapeRegExp(termino);
  const regex = new RegExp(terminoSeguro, 'i');
  
  return catalogo.filter(item => regex.test(item));
}

console.log("--- Búsqueda de '$9.99/mes' ---");
console.log("Término escapado:", escapeRegExp(busquedaUsuario1));
console.log("Resultados:", buscarProducto(busquedaUsuario1));

console.log("\n--- Búsqueda de '[v20.x]' ---");
console.log("Término escapado:", escapeRegExp(busquedaUsuario2));
console.log("Resultados:", buscarProducto(busquedaUsuario2));
Pruébalo tú mismo » Se abre en una nueva pestaña con ejecución en vivo
🧠
Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lección
1 Pregunta
Pregunta 1
¿Qué ocurre si ejecutas new RegExp("[abc") en JavaScript sin cerrar el corchete?
🦉
¿Tienes dudas con este tema?
Sócrates AI puede darte analogías y explicarte este código paso a paso.

🚀 ¿Quieres dominar Regex en JavaScript: Expresiones Regulares & RegExp y crear proyectos reales?

Aprende arquitectura limpia, desarrollo web moderno, buenas prácticas y despliegue en producción con nuestro Bootcamp Fullstack Developer con mentorías en vivo.

Conocer el Bootcamp

🏛️ Autoría y Propiedad Intelectual: Obra educativa original de David Amador para Kilopolis Academia (Solucionáticos), estructurada sobre las especificaciones y estándares abiertos del W3C, el estándar vivo de WHATWG y la documentación oficial de código abierto. © Todos los derechos reservados.