Überprüfen Sie die Variablengleichheit anhand einer Werteliste

Ich überprüfe beispielsweise eine Variable fooauf Gleichheit mit einer Reihe von Werten. Beispielsweise,

if( foo == 1 || foo == 3 || foo == 12 ) {
    // ...
}

Der Punkt ist, dass es ziemlich viel Code für solch eine triviale Aufgabe ist. Ich habe mir Folgendes ausgedacht:

if( foo in {1: 1, 3: 1, 12: 1} ) {
    // ...
}

aber auch das spricht mich nicht ganz an, weil ich den Elementen im Objekt redundante Werte geben muss.

Kennt jemand einen vernünftigen Weg, um eine Gleichheitsprüfung gegen mehrere Werte durchzuführen?

Sie könnten ein Array verwenden und indexOf:

if ([1,3,12].indexOf(foo) > -1)

In ECMA2016 können Sie die Includes- Methode verwenden. Es ist der sauberste Weg, den ich je gesehen habe. (Unterstützt von allen gängigen Browsern außer IE (Polyfill befindet sich im Link)

if([1,3,12].includes(foo)) {
    // ...
}

Mit den Antworten kam ich zu folgendem Ergebnis:

Object.prototype.in = function() {
    for(var i=0; i<arguments.length; i++)
       if(arguments[i] == this) return true;
    return false;
}

Es kann wie folgt aufgerufen werden:

if(foo.in(1, 3, 12)) {
    // ...
}

Bearbeiten: Ich bin in letzter Zeit auf diesen 'Trick' gestoßen, der nützlich ist, wenn die Werte Zeichenfolgen sind und keine Sonderzeichen enthalten. Denn Sonderzeichen werden durch Flucht hässlich und sind dadurch auch fehleranfälliger.

/foo|bar|something/.test(str);

Genauer gesagt überprüft dies die genaue Zeichenfolge, ist jedoch für einen einfachen Gleichheitstest komplizierter:

/^(foo|bar|something)$/.test(str);

Sie können schreiben, if(foo in L(10,20,30))wenn Sie definieren, Lzu sein

var L = function()
{
    var obj = {};
    for(var i=0; i<arguments.length; i++)
        obj[arguments[i]] = null;

    return obj;
};

Dies ist leicht erweiterbar und lesbar:

switch (foo) {
    case 1:
    case 3:
    case 12:
        // ...
        break

    case 4:
    case 5:
    case 6:
        // something else
        break
}

Aber nicht unbedingt einfacher :)

var a = [1,2,3];

if ( a.indexOf( 1 ) !== -1 ) { }

Beachten Sie, dass indexOf nicht im Kern-ECMAScript enthalten ist. Sie benötigen ein Snippet für IE und möglicherweise andere Browser, die Array.prototype.indexOf nicht unterstützen.

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(searchElement /*, fromIndex */)
  {
    "use strict";

    if (this === void 0 || this === null)
      throw new TypeError();

    var t = Object(this);
    var len = t.length >>> 0;
    if (len === 0)
      return -1;

    var n = 0;
    if (arguments.length > 0)
    {
      n = Number(arguments[1]);
      if (n !== n)
        n = 0;
      else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0))
        n = (n > 0 || -1) * Math.floor(Math.abs(n));
    }

    if (n >= len)
      return -1;

    var k = n >= 0
          ? n
          : Math.max(len - Math.abs(n), 0);

    for (; k < len; k++)
    {
      if (k in t && t[k] === searchElement)
        return k;
    }
    return -1;
  };
}

Da die Werte, anhand derer Sie das Ergebnis überprüfen, alle eindeutig sind, können Sie auch Set.prototype.has () verwenden .

var valid = [1, 3, 12];
var goodFoo = 3;
var badFoo = 55;

// Test
console.log( new Set(valid).has(goodFoo) );
console.log( new Set(valid).has(badFoo) );

Jetzt haben Sie vielleicht eine bessere Lösung, um dieses Szenario zu lösen, aber auf eine andere Weise, die ich bevorzugt habe.

const arr = [1,3,12]
if( arr.includes(foo)) { // it will return true if you `foo` is one of array values else false
  // code here    
}

Ich habe die obige Lösung der indexOf-Prüfung vorgezogen, bei der Sie auch den Index überprüfen müssen.

enthält Dokumente

if ( arr.indexOf( foo ) !== -1 ) { }

Ich mochte die akzeptierte Antwort, dachte aber, es wäre ordentlich, wenn sie auch Arrays aufnehmen könnte, und erweiterte sie folgendermaßen:

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;
}

var lucky = 7,
    more = [7, 11, 42];
lucky.isin(2, 3, 5, 8, more) //true

Sie können durch Änderung Typ Zwang entfernen ==zu ===.

Wenn Sie Zugriff auf Unterstrich haben, können Sie Folgendes verwenden:

if (_.contains([1, 3, 12], foo)) {
  // ...
}

contains Früher auch in Lodash gearbeitet (vor V4), jetzt müssen Sie verwenden includes

if (_.includes([1, 3, 12], foo)) {
  handleYellowFruit();
}

Dies ist eine kleine Helfer-Arror-Funktion:

const letters = ['A', 'B', 'C', 'D'];

function checkInList(arr, val) {
  return arr.some(arrVal => val === arrVal);
}

checkInList(letters, 'E');   // false
checkInList(letters, 'A');   // true

Mehr Infos hier ...

Ich habe einfach die jQuery inArray- Funktion und ein Array von Werten verwendet, um dies zu erreichen:

myArr = ["A", "B", "C", "C-"];

var test = $.inArray("C", myArr)  
// returns index of 2 returns -1 if not in array

if(test >= 0) // true

Für die Nachwelt möchten Sie möglicherweise reguläre Ausdrücke als Alternative verwenden. Ziemlich gute Browserunterstützung (siehe https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match#Browser_compatibility )

Versuche dies

if (foo.toString().match(/^(1|3|12)$/)) {
    document.write('Regex me IN<br>');
} else {
    document.write('Regex me OUT<br>');
}