Як перевірити, чи містить рядок підрядок в JavaScript?

Вам потрібно викликати indexOf з капіталом "O", як зазначено. Слід також зазначити, що в класі JavaScript зарезервоване слово, ви повинні використовувати className для отримання цього атрибута даних. Причина, по якій він, ймовірно, зазнає невдачі, полягає в тому, що він повертає нульове значення. Ви можете зробити наступне, щоб отримати кількість написаних вами класу ...

 var test = elm.getAttribute("className"); //or var test = elm.className 

Оскільки питання досить популярний, я подумав, що можу додати в код трохи сучасний аромат.

 // const : creates an immutable constant const allLinks = document.getElementsByTagName("a"); // [].reduce.call : gives access to the reduce method on a HTMLCollection // () => {} : ES6 arrow function const foundLinks = [].reduce.call(allLinks, (sum, link) => { // bitwise OR : converts the boolean value to a number return sum + (link.classList.contains("title") | 0); }, 0); // template literal console.log('Found ${foundLinks || "no"} title class'); HTMLCollection // const : creates an immutable constant const allLinks = document.getElementsByTagName("a"); // [].reduce.call : gives access to the reduce method on a HTMLCollection // () => {} : ES6 arrow function const foundLinks = [].reduce.call(allLinks, (sum, link) => { // bitwise OR : converts the boolean value to a number return sum + (link.classList.contains("title") | 0); }, 0); // template literal console.log('Found ${foundLinks || "no"} title class'); 

BTW, правильною відповіддю є неправильний indexOf або нестандартні String.contains . Завантаження зовнішньої бібліотеки (особливо якщо код написаний в чистому JavaScript) або возитися з String.prototype або з використанням регулярного виразу трохи переборщив.

Існує гладкий і кращий спосіб зробити це, і він використовує оператор (BitWise NOT).

 if(~"John".indexOf("J")) { alert("Found") } else { alert("Not Found"); } 

Побітовое НЕ перетворює "x" в - (x + 1), тому, якщо x виходить -1 з методу indexOf, то він буде перетворений в - (-1 + 1) = -0, що є помилковим значення.

String.prototype.indexOf() або String.prototype.search() ?!

Як уже згадувалося, рядки JavaScript мають як indexOf , так і search .

Ключове відмінність між ними полягає в тому, що indexOf використовується тільки для простих подстрок, тоді як search також підтримує регулярні вирази. Звичайно, перевага використання indexOf полягає в тому, що він швидше.

Див. Також В JavaScript, в чому різниця між indexOf () і search ()? .

Впровадження власного методу String.prototype.contains()

Якщо ви хочете додати свій власний метод contains до кожного рядка, найкращим способом зробити це буде @zzzzBov :

 if (!String.prototype.contains) { String.prototype.contains = function (arg) { return !!~this.indexOf(arg); }; } 

Ви б використовували його в такий спосіб:

 'Hello World'.contains('orl'); 

Реалізація користувальницької утиліти

Зазвичай не рекомендується додавати власні методи до стандартних об'єктів в JavaScript, наприклад, тому що це може порушити сумісність.

Якщо вам дійсно потрібен власний метод contains і / або інші настроюються рядкові методи, краще створити свою власну бібліотеку утиліти і додати в цю бібліотеку свої власні строкові методи:

 var helper = {}; helper.string = { contains : function (haystack, needle) { return !!~haystack.indexOf(needle); }, ... }; 

Ви б використовували його в такий спосіб:

 helper.string.contains('Hello World', 'orl'); 

Використання сторонньої бібліотеки утиліти

Якщо ви не хочете створювати свою власну допоміжну бібліотеку, є, звичайно, завжди можливість використовувати сторонню бібліотеку утиліти. Як згадувалося @nachtigall , найбільш популярними є Lodash і Underscore.js .

У Lodash ви можете використовувати _.includes() , який ви використовуєте в такий спосіб:

 _.includes('Hello World', 'orl'); 

У Underscore.js ви можете використовувати _.str.include() , який ви використовуєте в такий спосіб:

 _.str.include('Hello World', 'orl'); 

Найпростіше обхідний рішення

 if (!String.prototype.contains) { String.prototype.contains= function() { return String.prototype.indexOf.apply(this, arguments) !== -1; }; } 

ви можете використовувати в такий спосіб

 "hello".contains("he") // true "hello world".contains("lo w")//true "hello world".contains("lo wa")//false "hello world".contains(" ")//true "hello world".contains(" ")//false 

посилання MDN

ES6 містить String.prototype.includes .

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes

приклад

 var a = "Test String"; if(a.search("ring")!=-1){ //exist } else { //not found } 

JavaScript-код для використання методу contains в масиві:

 <html> <head> <h2>Use of contains() method</h2> <script> Array.prototype.contains = function (element) { for (var i = 0; i < this.length; i++) { if (this[i] == element) { return true; } } return false; } arr1 = ["Rose", "India", "Technologies"]; document.write("The condition is "+arr1.contains("India")+"<br>"); </script> </head> <b>[If the specified element is present in the array, it returns true otherwise returns false.]</b> </html> array <html> <head> <h2>Use of contains() method</h2> <script> Array.prototype.contains = function (element) { for (var i = 0; i < this.length; i++) { if (this[i] == element) { return true; } } return false; } arr1 = ["Rose", "India", "Technologies"]; document.write("The condition is "+arr1.contains("India")+"<br>"); </script> </head> <b>[If the specified element is present in the array, it returns true otherwise returns false.]</b> </html> 

В даному коді метод contains визначає, чи присутній вказаний елемент в масиві чи ні. Якщо зазначений елемент присутній в масиві, він повертає true, інакше він повертає false.

Щоб зібрати якісь допустимі рішення:

  19