Stellen Sie fest, ob die Zeichenfolge in JavaScript in der Liste enthalten ist

In SQL können wir sehen, ob sich eine Zeichenfolge in einer Liste wie folgt befindet:

Column IN ('a', 'b', 'c')

Was ist ein guter Weg, dies in JavaScript zu tun? Es ist so klobig, das zu tun:

if (expression1 || expression2 || str === 'a' || str === 'b' || str === 'c') {
   // do something
}

Und ich bin mir nicht sicher über die Leistung oder Klarheit davon:

if (expression1 || expression2 || {a:1, b:1, c:1}[str]) {
   // do something
}

Oder man könnte die Schalterfunktion verwenden:

var str = 'a',
   flag = false;

switch (str) {
   case 'a':
   case 'b':
   case 'c':
      flag = true;
   default:
}

if (expression1 || expression2 || flag) {
   // do something
}

Aber das ist ein schreckliches Durcheinander. Irgendwelche Ideen?

In diesem Fall muss ich Internet Explorer 7 für eine Unternehmens-Intranetseite verwenden. Funktioniert also ['a', 'b', 'c'].indexOf(str) !== -1nicht nativ ohne etwas Syntaxzucker.

Sie können anrufen indexOf:

if (['a', 'b', 'c'].indexOf(str) >= 0) {
    //do something
}

EcmaScript 6

Wenn Sie ES6 verwenden, können Sie ein Array der Elemente erstellen und Folgendes verwenden includes:

['a', 'b', 'c'].includes('b')

Dies hat einige inhärente Vorteile gegenüber, indexOfda es das Vorhandensein NaNin der Liste ordnungsgemäß testen und fehlende Array-Elemente wie das mittlere in [1, , 2]mit übereinstimmen kann undefined. includesfunktioniert auch mit JavaScript-typisierten Arrays wie Uint8Array.

Wenn Sie Bedenken hinsichtlich der Browserunterstützung haben (z. B. für IE oder Edge), können Sie dies bei CanIUse.Com überprüfen.Array.includes Wenn Sie auf eine fehlende Browser- oder Browserversion abzielen möchten includes, empfehle ich polyfill.io für das Polyfilling.

Ohne Array

Sie können isInListZeichenfolgen wie folgt eine neue Eigenschaft hinzufügen :

if (!String.prototype.isInList) {
   String.prototype.isInList = function() {
      let value = this.valueOf();
      for (let i = 0, l = arguments.length; i < l; i += 1) {
         if (arguments[i] === value) return true;
      }
      return false;
   }
}

Dann benutze es so:

'fox'.isInList('weasel', 'fox', 'stoat') // true
'fox'.isInList('weasel', 'stoat') // false

Sie können das Gleiche für tun Number.prototype.

Array.indexOf

Wenn Sie einen modernen Browser verwenden, indexOffunktioniert dies immer. Für IE8 und frühere Versionen benötigen Sie jedoch eine Polyfüllung.

Wenn indexOf-1 zurückgegeben wird, befindet sich das Element nicht in der Liste. Beachten Sie jedoch, dass diese Methode nicht ordnungsgemäß überprüft NaNwird und zwar mit einem expliziten undefinedElement übereinstimmen kann, jedoch nicht mit einem fehlenden Element undefinedwie im Array [1, , 2].

Polyfill für indexOfoder includesim IE oder einem anderen Browser / einer anderen Version ohne Unterstützung

Wenn Sie einen Dienst wie polyfill.io nicht wie oben erwähnt verwenden möchten , können Sie jederzeit benutzerdefinierte Polyfills in Ihren eigenen Quellcode aufnehmen, die den Standards entsprechen. Zum Beispiel hat Mozilla Developer Network eine für indexOf.

In dieser Situation, in der ich eine Lösung für Internet Explorer 7 erstellen musste, habe ich meine eigene einfachere Version der indexOf()Funktion "gerollt" , die nicht den Standards entspricht:

if (!Array.prototype.indexOf) {
   Array.prototype.indexOf = function(item) {
      var i = this.length;
      while (i--) {
         if (this[i] === item) return i;
      }
      return -1;
   }
}

Ich denke jedoch nicht, dass Änderungen Array.prototypeauf lange Sicht die beste Antwort sind. Änderungen Objectund ArrayPrototypen in JavaScript können zu schwerwiegenden Fehlern führen. Sie müssen entscheiden, ob dies in Ihrer eigenen Umgebung sicher ist. Wichtig ist, dass beim Iterieren eines Arrays (wenn Array.prototype Eigenschaften hinzugefügt hat) mit for ... inder neue Funktionsname als einer der Schlüssel zurückgegeben wird:

Array.prototype.blah = function() { console.log('blah'); };
let arr = [1, 2, 3];
for (let x in arr) { console.log(x); }
// Result:
0
1
2
blah // Extra member iterated over!

Ihr Code funktioniert jetzt möglicherweise, aber in dem Moment, in dem jemand in Zukunft eine JavaScript-Bibliothek oder ein Plugin eines Drittanbieters hinzufügt, das nicht eifrig vor geerbten Schlüsseln schützt, kann alles kaputt gehen.

Die alte Methode, um diesen Bruch zu vermeiden, besteht darin, während der Aufzählung jeden Wert zu überprüfen, um festzustellen, ob das Objekt ihn tatsächlich als nicht vererbte Eigenschaft hat, if (arr.hasOwnProperty(x))und erst dann damit zu arbeiten x.

Der neue ES6-Weg, um dieses Problem mit zusätzlichen Schlüsseln zu vermeiden, besteht darin, ofanstelle von in, for (let x of arr). Wenn Sie jedoch nicht garantieren können, dass alle Ihre Code- und Drittanbieter-Bibliotheken sich strikt an diese Methode halten, möchten Sie sie für die Zwecke dieser Frage wahrscheinlich nur includeswie oben angegeben verwenden.

Die meisten Antworten deuten auf die Array.prototype.indexOfMethode hin. Das einzige Problem besteht darin, dass sie in keiner IE-Version vor IE9 funktioniert .

Als Alternative lasse ich Ihnen zwei weitere Optionen, die in allen Browsern funktionieren:

if (/Foo|Bar|Baz/.test(str)) {
  // ...
}


if (str.match("Foo|Bar|Baz")) {
  // ...
}

Arrays verfügen über eine indexOfMethode, mit der nach Zeichenfolgen gesucht werden kann:

js> a = ['foo', 'bar', 'baz']
foo,bar,baz
js> a.indexOf('bar')
1
js> a.indexOf('quux')
-1

Ein Trick, den ich benutzt habe, ist

>>> ("something" in {"a string":"", "somthing":"", "another string":""})
false
>>> ("something" in {"a string":"", "something":"", "another string":""})
true

Sie könnten so etwas tun

>>> a = ["a string", "something", "another string"];
>>> b = {};
>>> for(var i=0; i<a.length;i++){b[a[i]]="";} /* Transform the array in a dict */
>>> ("something" in b)
true

Hier ist meins:

String.prototype.inList=function(list){
    return (Array.apply(null, arguments).indexOf(this.toString()) != -1)
}

var x = 'abc';
if (x.inList('aaa','bbb','abc'))
    console.log('yes');
else
    console.log('no');

Dieser ist schneller, wenn Sie ein Array übergeben können:

String.prototype.inList=function(list){
    return (list.indexOf(this.toString()) != -1)
}

var x = 'abc';
if (x.inList(['aaa','bbb','abc']))
    console.log('yes')

Hier ist der jsperf: http://jsperf.com/bmcgin-inlsit

RegExpist universell, aber ich verstehe, dass Sie mit Arrays arbeiten. Schauen Sie sich diesen Ansatz an. Ich benutze es, und es ist sehr effektiv und blitzschnell!

var str = 'some string with a';
var list = ['a', 'b', 'c'];
var rx = new RegExp(list.join('|'));

rx.test(str);

Sie können auch einige Änderungen vornehmen, z.

Einzeiler

new RegExp(list.join('|')).test(str);

Groß- und Kleinschreibung wird nicht berücksichtigt

var rx = new RegExp(list.join('|').concat('/i'));

Und viele andere!

Verwenden von indexOf (funktioniert nicht mit IE8).

if (['apple', 'cherry', 'orange', 'banana'].indexOf(value) >= 0) {
    // found
}

Um IE8 zu unterstützen, können Sie Mozillas indexOf implementieren.

if (!Array.prototype.indexOf) {
    // indexOf polyfill code here
}

Reguläre Ausdrücke über String.prototype.match (docs).

if (fruit.match(/^(banana|lemon|mango|pineapple)$/)) {

}

Sieht so aus, als müssten Sie die Funktion in_array verwenden.

jQuery -> inArray

Prototyp -> Array.indexOf

Oder sehen Sie sich diese Beispiele an, wenn Sie jQuery oder Prototype nicht verwenden:

• http://phpjs.org/functions/in_array:432
• http://www.bitrepository.com/equivalent-of-phps-in_array-function.html
• http://codingforums.com/showthread.php?t=63796

Stilistische Anmerkung: Variablen mit dem Namen thisthing thatthing sollten benannt werden, um Ihnen etwas darüber zu sagen, was sie enthalten (Substantiv).

Zusätzlich zu indexOf(was andere Poster vorgeschlagen haben) kann die Verwendung von Enumerable.include () des Prototyps dies übersichtlicher und prägnanter machen:

var list = ['a', 'b', 'c'];
if (list.include(str)) {
  // do stuff
}

Vielen Dank für die Frage und die Lösung mit der Array.indexOf-Methode.

Ich habe den Code aus dieser Lösung verwendet, um eine inList () -Funktion zu erstellen, die IMO das Schreiben einfacher und das Lesen klarer macht:

function inList(psString, psList) 
{
    var laList = psList.split(',');

    var i = laList.length;
    while (i--) {
        if (laList[i] === psString) return true;
    }
    return false;
}

VERWENDUNG:

if (inList('Houston', 'LA,New York,Houston') {
  // THEN do something when your string is in the list
}

Ich bin überrascht, dass niemand eine einfache Funktion erwähnt hat, die eine Zeichenfolge und eine Liste enthält.

function in_list(needle, hay)
{
    var i, len;

    for (i = 0, len = hay.length; i < len; i++)
    {
        if (hay[i] == needle) { return true; }
    }

    return false;
}

var alist = ["test"];

console.log(in_list("test", alist));

Meine Lösung führt zu einer Syntax wie folgt:

// Checking to see if var 'column' is in array ['a', 'b', 'c']

if (column.isAmong(['a', 'b', 'c']) {
  // Do something
}

Und ich implementiere dies, indem ich den grundlegenden Objektprototyp wie folgt erweitere:

Object.prototype.isAmong = function (MyArray){
   for (var a=0; a<MyArray.length; a++) {
      if (this === MyArray[a]) { 
          return true;
      }
   }
   return false;
}

Wir könnten alternativ die Methode isInArray (aber wahrscheinlich nicht inArray) oder einfach isIn nennen.

Vorteile: Einfach, unkompliziert und selbstdokumentierend.

Eine vereinfachte Version der Antwort von SLaks funktioniert auch:

if ('abcdefghij'.indexOf(str) >= 0) {
    // Do something
}

.... da Strings selbst Arrays sind. :) :)

Implementieren Sie bei Bedarf die Indexof-Funktion für Internet Explorer wie zuvor beschrieben.