Wie prüfe ich, ob eine Zeichenfolge eine Teilzeichenfolge in Javascript enthält?

Sie müssen indexOf wie angegeben mit dem Großbuchstaben "O" aufrufen. Es ist auch zu beachten, dass Sie in einem JavaScript-Klasse-reservierten Wort className verwenden müssen, um dieses Datenattribut abzurufen. Der Grund für das Fehlschlagen ist wahrscheinlich, dass ein Nullwert zurückgegeben wird. Sie können Folgendes tun, um den Wert Ihrer Klasse zu erhalten ...

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

Da die Frage sehr beliebt ist, dachte ich, ich könnte dem Code ein bisschen moderne Note verleihen.

 // 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, die richtige Antwort ist falsches indexOf oder nicht standardmäßiges String.contains . Das Laden einer externen Bibliothek (insbesondere wenn der Code in reinem Javascript geschrieben ist) oder das Durcheinander mit String.prototype oder die Verwendung eines regulären Ausdrucks ist etwas zu weit gegangen.

Es gibt einen schlanken und besseren Weg, dies zu tun, und es verwendet den Operator (BitWise NOT).

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

Bitwise konvertiert "x" nicht in - (x + 1). Wenn also x aus der Methode indexOf -1 erhalten wird, wird es in - (-1 + 1) = -0 konvertiert. Dies ist ein falscher Wert.

String.prototype.indexOf() oder String.prototype.search() ?!

Wie bereits erwähnt, haben JavaScript-Strings sowohl indexOf als auch search .

Der Hauptunterschied zwischen den beiden ist, dass indexOf nur für einfache indexOf verwendet wird, während die search auch reguläre Ausdrücke unterstützt. Der Vorteil von indexOf ist natürlich, dass es schneller ist.

Siehe auch In JavaScript, was ist der Unterschied zwischen indexOf () und search ()? .

Eigene Methode String.prototype.contains()

Wenn Sie jeder Zeile eine eigene Methode mit enthalten möchten, ist @zzzzBov der beste Weg, dies zu tun :

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

Sie würden es wie folgt verwenden:

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

Ein benutzerdefiniertes Dienstprogramm implementieren

Es wird normalerweise nicht empfohlen, eigene Methoden zu Standardobjekten in JavaScript hinzuzufügen. Dies kann zum Beispiel die Kompatibilität beeinträchtigen.

Wenn Sie wirklich benötigen, dass Ihre eigene Methode und / oder andere benutzerdefinierte Zeichenfolgenmethoden verwendet werden, ist es besser, eine eigene Dienstprogrammbibliothek zu erstellen und dieser Bibliothek eigene Zeichenkettenmethoden hinzuzufügen:

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

Sie würden es wie folgt verwenden:

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

Verwenden einer Dienstprogrammbibliothek eines Drittanbieters

Wenn Sie keine eigene unterstützende Bibliothek erstellen möchten, besteht natürlich immer die Möglichkeit, eine Dienstprogrammbibliothek eines Drittanbieters zu verwenden. Wie @nachtigall erwähnt wurde, sind Lodash und Underscore.js die beliebtesten.

In Lodash können Sie _.includes() , das Sie wie folgt verwenden:

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

In Underscore.js können Sie _.str.include() , das Sie wie folgt verwenden:

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

Die einfachste Problemumgehung

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

Sie können wie folgt verwenden

 "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-Link

ES6 enthält String.prototype.includes .

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

Beispiel

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

JavaScript-Code für die Verwendung der contains Methode in einem 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> 

In diesem Code bestimmt die contains Methode, ob das angegebene Element im Array vorhanden ist oder nicht. Wenn das angegebene Element im Array vorhanden ist, wird true zurückgegeben. Andernfalls wird false zurückgegeben.

Um einige gültige Lösungen zu sammeln:

  19