JavaScript
Explica cómo construir y aplicar expresiones regulares en JavaScript, usar grupos y flags, y evitar patrones difíciles de mantener o costosos.
Una expresión regular describe un patrón para buscar, extraer, dividir o reemplazar texto.
const pattern = /\d+/;
pattern.test("Order 42"); // trueLiteral:
const digits = /\d+/g;Constructor:
const digits = new RegExp("\\d+", "g");El constructor es útil cuando el patrón se construye dinámicamente, pero exige escapar también el string de JavaScript.
const pattern = /product/i;
pattern.test("Product list"); // trueexec devuelve información de la coincidencia:
const match = /(\w+)@(\w+\.\w+)/.exec(
"user@example.com",
);Puede incluir texto completo, grupos, índice, entrada y grupos nombrados.
text.match(pattern);
text.matchAll(pattern);
text.search(pattern);
text.replace(pattern, replacement);
text.replaceAll(pattern, replacement);
text.split(pattern);La elección depende de si necesitas una coincidencia, todas, posición, reemplazo o separación.
\d dígito
\w carácter de palabra según la definición de RegExp
\s espacio
. casi cualquier carácter* cero o más
+ uno o más
? cero o uno
{n} exactamente n
{n,m} entre n y m/^product$/;^: inicio.$: final.Sin anclas, el patrón puede coincidir dentro de un texto mayor.
/\d+/.test("abc123"); // true
/^\d+$/.test("abc123"); // falseconst pattern = /(\d{4})-(\d{2})-(\d{2})/;Grupos nombrados:
const pattern = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = pattern.exec("2026-07-23");
match.groups.year; // "2026"/(?:http|https):\/\//;Agrupan sin añadir una captura numérica.
/cat|dog/;Los paréntesis aclaran el alcance:
/^(cat|dog)$/;/\d+(?= USD)/;
/(?<=USD )\d+/;Comprueban contexto sin incluirlo en la coincidencia. El soporte de lookbehind requiere runtimes modernos.
g global
i ignore case
m multiline
s dotAll
u Unicode
v Unicode sets moderno
y sticky
d índices de gruposNo memorices solo las letras; entiende qué regla cambia cada una.
Una RegExp global o sticky conserva lastIndex.
const pattern = /\d/g;
pattern.test("1"); // true
pattern.test("1"); // falseLa segunda llamada comienza desde el índice guardado.
Para tests independientes, evita compartir una RegExp stateful o reinicia lastIndex.
const matches = text.matchAll(
/(?<name>\w+):(?<value>\d+)/g,
);
for (const match of matches) {
console.log(match.groups);
}Retorna un iterador y preserva información de cada coincidencia.
const result = text.replace(
/\b\w+\b/g,
(word) => word.toUpperCase(),
);La callback puede usar coincidencia, capturas, índice y texto original.
Peligroso:
new RegExp(userInput);Caracteres como ., *, [ o ( cambian el patrón.
En runtimes modernos:
const safe = RegExp.escape(userInput);
const pattern = new RegExp(safe, "i");Comprueba compatibilidad antes de usar una API reciente.
/\p{Letter}+/u;Las Unicode property escapes permiten categorías más amplias que \w, cuya definición no representa todos los alfabetos humanos.
Con el flag v pueden expresarse operaciones de conjuntos y propiedades de strings Unicode más avanzadas.
/<.*>/;* es greedy y consume lo máximo posible.
/<.*?>/;*? es lazy y consume lo mínimo que permite una coincidencia.
Ninguno convierte una RegExp en parser HTML confiable.
Patrones con alternativas y cuantificadores ambiguos pueden probar muchas rutas.
/^(a+)+$/;Ante entradas adversarias puede producir tiempo excesivo. Este riesgo se conoce como ReDoS cuando una RegExp vulnerable se usa con texto controlado por un atacante.
Evita:
Una RegExp puede validar la forma, no siempre el significado.
/^\d{4}-\d{2}-\d{2}$/;Acepta 2026-99-99. Después debes validar calendario y reglas del dominio.
function extractVariables(template) {
return [
...template.matchAll(
/\{\{\s*(?<name>[a-zA-Z_$][\w$]*)\s*\}\}/g,
),
].map((match) => match.groups.name);
}El patrón reconoce una sintaxis pequeña y controlada.
\w esperando todos los alfabetos.g y y mantienen lastIndex.¿Por qué /^\d{4}-\d{2}-\d{2}$/ no basta para validar una fecha real?
Porque solo comprueba la forma numérica. No conoce la cantidad de días de cada mes, años bisiestos ni otros límites del calendario.
Symbols explica claves únicas, protocolos internos y personalización del comportamiento de objetos.