JavaScript indexOf à ignorer Cas

Question

J'essaie de trouver si une image a dans son nom de source noPic qui peut être en majuscule ou en minuscule.

var noPic = largeSrc.indexOf("nopic"); 

devrais-je écrire:

var noPic = largeSrc.toLowerCase().indexOf("nopic"); 

Mais cette solution ne fonctionne pas ...

Answer 1

Vous pouvez utiliser regex avec un modificateur insensible à la casse - certes pas forcément aussi vite que indexOf.

var noPic = largeSrc.search(/nopic/i); 

Answer 2

Non, il n'y a aucun moyen insensible à la casse d'appeler cette fonction. La raison pour laquelle votre deuxième exemple ne fonctionne peut-être pas parce que vous manquez un appel à la fonction text().

Essayez ceci:

var search = "nopic"; 
var noPic = largeSrc.text().toLowerCase().indexOf(search.toLowerCase()); 

Answer 3

Notez que si la chaîne de recherche est de l'entrée d'utilisateur que vous devrez échapper aux caractères regexp spéciaux, qui à la fin ralentit l'approche regexp, ce qui rend la toLowerCase() approche le plus rapide dans ce cas.

est ici ce qu'il ressemblerait à ceci:

var search = getUserInput(); 

/* this slows it down */ 
var regex = RegExp(search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), "i"); 

var noPic = testString.search(regex); 

Voir la jsperf mise à jour: http://jsperf.com/regex-vs-tolowercase-then-regex/4

note: regexp échapper https://stackoverflow.com/a/3561711/1333402

Answer 4

Essayez avec:

var lowerCaseLargeSrc = largeSrc.toLowerCase(); 
var noPic = lowerCaseLargeSrc.indexOf("nopic"); 

Answer 5

Votre code ne fonctionnera que si largeSrc est déjà une chaîne. Vous pourriez obtenir une entrée qui est un élément html à la place. Ainsi, utilisez jQuery pour résoudre tout élément d'entrée potentiel dans le texte qui s'y trouve. Exemple:

var noPic = largeSrc.text().toLowerCase().indexOf("nopic");