JavaScript: Einfache Möglichkeit zu prüfen, ob die Variable gleich einem von zwei oder mehr Werten ist? [duplicate]

Gibt es eine einfachere Möglichkeit, festzustellen, ob eine Variable einem Wertebereich entspricht, z. B.:

if x === 5 || 6 

anstatt etwas stumpfes wie:

if x === 5 || x === 6

?

Sie können Ihre Werte in einem Array speichern und mit überprüfen, ob die Variable im Array vorhanden ist [].indexOf:

if([5, 6].indexOf(x) > -1) {
  // ...
}

Wenn -1 zurückgegeben wird, existiert die Variable nicht im Array.

Hängt davon ab, welche Art von Test Sie durchführen. Wenn Sie statische Zeichenfolgen haben, können Sie dies sehr einfach über reguläre Ausdrücke überprüfen:

if (/^[56ab]$/.test(item)) {
//-or-
if (/^(foo|bar|baz|fizz|buzz)$/.test(item)) {
    doStuff();
} else {
    doOtherStuff();
}

Wenn Sie einen kleinen Satz von Werten haben (String oder Zahl), können Sie a verwenden switch:

switch (item) {
case 1:
case 2:
case 3:
    doStuff();
    break;
default:
    doOtherStuff();
    break;
}

Wenn Sie eine lange Liste von Werten haben, sollten Sie wahrscheinlich ein Array mit verwenden ~arr.indexOf(item)oder arr.contains(item):

vals = [1,3,18,3902,...];
if (~vals.indexOf(item)) {
    doStuff();
} else {
    doOtherStuff();
}

_{Leider Array.prototype.indexOf wird in einigen Browsern nicht unterstützt. Glücklicherweise ein Polyfill ist verfügbar. Wenn Sie sich die Mühe machen, Polyfilling durchzuführen Array.prototype.indexOfkönnten Sie genauso gut hinzufügen Array.prototype.contains.}

Je nachdem, wie Sie Daten verknüpfen, können Sie eine dynamische Liste von Zeichenfolgen in einem Objekt als Zuordnung zu anderen relevanten Informationen speichern:

var map = {
    foo: bar,
    fizz: buzz
}
if (item in map) {
//-or-
if (map.hasOwnProperty(item)) {
    doStuff(map[item]);
} else {
    doOtherStuff();
}

_{in wird dabei die gesamte Prototypenkette prüfen Object.prototype.hasOwnProperty wird nur das Objekt überprüfen, seien Sie sich also bewusst, dass sie unterschiedlich sind.}

Es ist vollkommen in Ordnung. Wenn Sie eine längere Werteliste haben, können Sie stattdessen vielleicht Folgendes verwenden:

if ([5,6,7,8].indexOf(x) > -1) {
}

Ja. Sie können Ihre eigene Funktion verwenden. Dieses Beispiel verwendet .some:

var foo = [ 5, 6 ].some(function(val) {
     return val === x;
   });

foo; // true

Für die Verwendung habe ich mich entschieden:

Object.prototype.isin = function() {
    for(var i = arguments.length; i--;) {
        var a = arguments[i];
        if(a.constructor === Array) {
            for(var j = a.length; j--;)
                if(a[j] == this) return true;
        }
        else if(a == this) return true;
    }
    return false;
}

Sie würden es wie folgt verwenden:

var fav   = 'pear',
    fruit = ['apple', 'banana', 'orange', 'pear'],
    plu   = [4152, 4231, 3030, 4409];

if (fav.isin(fruit, plu, 'eggs', 'cheese')) {
    //do something cool
}

Die Vorteile sind:

• es funktioniert in IE < 9;
• es liest sich natürlich von links nach rechts;
• Sie können es mit Arrays oder separaten Werten füttern.

Wenn Sie keine Zwangsmaßnahmen zulassen möchten (indexOf nicht), ändern Sie die beiden == zu ===. So wie es steht:

fav = "4231";
plu.indexOf(fav) //-1
fav.isin(plu)    //true

Nein, es könnte ein paar Tricks geben, die fallspezifisch sind, aber im Allgemeinen schreibe ich Code wie diesen:

if (someVariable === 1 ||
    someVariable === 2 ||
    someVariable === 7 ||
    someVariable === 12 ||
    someVariable === 14 ||
    someVariable === 19) {

    doStuff();
    moreStuff();

} else {
    differentStuff();
}

Die einfache Antwort ist nein. Sie können eine switch-Anweisung verwenden, die einfacher zu lesen ist, wenn Sie viele Zeichenfolgenwerte vergleichen, aber die Verwendung für zwei Werte würde nicht besser aussehen.