En esta declaración de cambio, ¿por qué falla en la verificación de expresiones regulares y cae en el caso predeterminado?
La expresión regular coincide cuando lo hago como if ... else , pero no coincide cuando lo hago como una declaración de cambio y cae en el caso predeterminado.
let siteUrl = 'http://example.com'; let check1 = checkSite(siteUrl); let check2 = checkSite(); function checkSite(siteUrl) { let url = (siteUrl) ? siteUrl : 'http://example.com'; let regex = /^http:\/\/example\.com$/gi; let result = {}; if (regex.test(url)) { console.log('regex match!'); } else { console.log('regex does NOT match!'); } switch (true) { case regex.test(url) : //<-- Why this fails? console.log('case 1'); result.case = 1; break; case /another-regex/.test(url) : console.log('case 2'); result.case = 2; break; default : //<-- Why do I get here? console.log('default'); result.case = 3; } console.log(result); return result; }Alternativamente, puede usar la match en su lugar y verificar si la longitud es mayor que 0. La test parece cambiar incluso si solo registra el valor consecutivamente.
function checkSite(siteUrl) { let url = (siteUrl) ? siteUrl : 'http://example.com'; let regex = /^http:\/\/example\.com$/gi; let result = {}; if (url.match(regex)) { console.log('regex match!'); } else { console.log('regex does NOT match!'); } switch (true) { case url.match(regex).length > 0 : //<-- this will match console.log('case 1'); result.case = 1; break; case url.match(/another-regex/).length > 0 : console.log('case 2'); result.case = 2; break; default : console.log('default'); result.case = 3; } console.log(result); return result; } let siteUrl = 'http://example.com'; let check1 = checkSite(siteUrl); let check2 = checkSite();Tenga en cuenta que cuando elimine su verificación if el código funciona como se esperaba:
let siteUrl = 'http://example.com'; let check1 = checkSite(siteUrl); let check2 = checkSite(); function checkSite(siteUrl) { let url = (siteUrl) ? siteUrl : 'http://example.com'; let regex = /^http:\/\/example\.com$/gi; let result = {}; switch (true) { case regex.test(url) : //<-- Why this fails? console.log('case 1'); result.case = 1; break; case /another-regex/.test(url) : console.log('case 2'); result.case = 2; break; default : //<-- Why do I get here? console.log('default'); result.case = 3; } console.log(result); return result; }Esto se debe a que cuando almacena un RegExp en una variable, almacena el estado.
let regex = /^http:\/\/example\.com$/gi; const url = "http://example.com"; for (let i = 0; i < 10; i++) { console.log(regex.test(url)); }Por MDN :
Los objetos RegExp de JavaScript tienen estado cuando tienen los indicadores fijos o globales establecidos (p. ej., /foo/g o /foo/y). Almacenan un lastIndex de la coincidencia anterior. Usando esto internamente, test() se puede usar para iterar sobre múltiples coincidencias en una cadena de texto (con grupos de captura).
Cuando una expresión regular tiene el indicador global establecido, test() avanzará el último índice de la expresión regular. (RegExp.prototype.exec() también avanza la propiedad lastIndex).
Otras llamadas a test(str) reanudarán la búsqueda de str a partir de lastIndex. La propiedad lastIndex continuará aumentando cada vez que test() devuelva verdadero.
Nota: Siempre que test() devuelva verdadero, lastIndex no se restablecerá, ¡incluso cuando se prueba una cadena diferente!
Cuando test() devuelve falso, la propiedad lastIndex de la expresión regular que llama se restablecerá a 0.
Prueba así.
switch (true) { case url.match(regex) : console.log('case 1'); result.case = 1; break; case url.match(another-regex) : console.log('case 2'); result.case = 2; break; default : console.log('default'); result.case = 3; }¡¡Espero que funcione!! XDD