JavaScript indexOf ignorować Case

Question

Próbuję ustalić, czy obraz ma w swojej nazwie źródłowej noPic, który może być w górnej lub małej litery.

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

powinienem napisać:

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

Ale to rozwiązanie nie działa ...

Answer 1

Można użyć wyrażenia regularnego z case-niewrażliwy modyfikatora - wprawdzie niekoniecznie tak szybko jak indexOf.

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

Answer 2

Nie, nie ma wielkości liter sposobem wywołania tej funkcji. Być może powodem, dla którego twój drugi przykład nie działa, jest brak połączenia z funkcją text().

Spróbuj tego:

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

Answer 3

Zauważ, że jeśli ciąg wyszukiwania jest od danych wejściowych użytkownika musisz uciec znaki specjalne wyrażeń regularnych, które w końcu spowalnia podejściu wyrażeń regularnych, dzięki czemu toLowerCase() zbliżyć się najszybciej w tym przypadku.

Oto, co to będzie wyglądać:

var search = getUserInput(); 

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

var noPic = testString.search(regex); 

Zobacz zaktualizowaną jsperf: http://jsperf.com/regex-vs-tolowercase-then-regex/4

przypis: regexp ucieczce z https://stackoverflow.com/a/3561711/1333402

Answer 4

Spróbuj z:

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

Answer 5

Twój kod będzie działał tylko wtedy, gdy largeSrc jest już ciągiem. Być może zamiast tego otrzymujesz dane wejściowe będące elementem html. Tak więc użyj jQuery, aby rozwiązać każdy potencjalny element wejściowy w tekście, który jest w środku. Przykład:

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