JavaScript indexOf para ignorar el caso

Question

Estoy tratando de encontrar si una imagen tiene en su nombre fuente noPic que puede estar en mayúscula o minúscula.

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

debo escribir:

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

Pero esta solución no funciona ...

Answer 1

Puede utilizar expresiones regulares con un modificador de mayúsculas y minúsculas - es cierto que no necesariamente tan rápido como indexOf.

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

Answer 2

No, no hay manera de distinguir mayúsculas y minúsculas a llamar a esa función. Quizás la razón por la que su segundo ejemplo no funciona es porque falta una llamada a la función text().

Prueba esto:

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

Answer 3

Tenga en cuenta que si la cadena de búsqueda es de entrada del usuario que necesita para escapar de los caracteres de expresiones regulares especiales, que al final hace más lento el enfoque de expresión regular, haciendo que el toLowerCase() se acercan a los más rápidos en este caso.

Esto es lo que se vería así:

var search = getUserInput(); 

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

var noPic = testString.search(regex); 

Véase el jsperf actualización: http://jsperf.com/regex-vs-tolowercase-then-regex/4

nota al pie: expresión regular escapar de https://stackoverflow.com/a/3561711/1333402

Answer 4

Pruebe con:

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

Answer 5

Su código solo funcionará si largeSrc ya es una cadena. Es posible que esté recibiendo una entrada que es un elemento html en su lugar. Por lo tanto, use jQuery para resolver cualquier posible elemento de entrada en el texto que está dentro de él. Ejemplo:

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