Değişken eşitliğini bir değerler listesine göre kontrol edin

Bir değişkeni, örneğin foobir dizi değere eşitlik için kontrol ediyorum . Örneğin,

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

Mesele şu ki, bu kadar önemsiz bir görev için oldukça fazla kod. Aşağıdakileri buldum:

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

ama aynı zamanda bu bana pek de çekici gelmiyor çünkü nesnedeki öğelere fazlalık değerler vermem gerekiyor.

Birden fazla değere karşı eşitlik kontrolü yapmanın makul bir yolunu bilen var mı?

Bir dizi kullanabilirsiniz ve indexOf:

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

ECMA2016 olarak kullanabileceğiniz içerir yöntemi. Bu gördüğüm en temiz yol. (IE hariç tüm büyük tarayıcılar tarafından desteklenir (Polyfill bağlantıdadır)

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

Verilen cevapları kullanarak şunu elde ettim:

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

Şöyle çağrılabilir:

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

Düzenleme: Son zamanlarda bu 'numara' ile karşılaştım; bu, değerler dizeler ise ve özel karakterler içermiyorsa yararlıdır. Özel karakterler için kaçış nedeniyle çirkinleşir ve bundan dolayı da hataya daha yatkındır.

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

Daha kesin olmak gerekirse, bu tam dizeyi kontrol edecektir, ancak basit bir eşitlik testi için yine daha karmaşıktır:

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

Sen yazabilir if(foo in L(10,20,30))tanımladığınız eğer Lolmak

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

    return obj;
};

Bu, kolayca genişletilebilir ve okunabilir:

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

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

Ama illa ki daha kolay değil :)

var a = [1,2,3];

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

İndexOf'un çekirdek ECMAScript'te olmadığını unutmayın. IE ve muhtemelen Array.prototype.indexOf'u desteklemeyen diğer tarayıcılar için bir snippet'e sahip olmanız gerekir.

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

Ayrıca, sonucu kontrol ettiğiniz değerlerin tümü benzersiz olduğundan, Set.prototype.has () öğesini de kullanabilirsiniz .

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

Şimdi bu senaryoyu çözmek için daha iyi bir çözüme sahip olabilirsiniz, ancak tercih ettiğim başka bir yol.

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    
}

Yukarıdaki çözümü, indeksi kontrol etmeniz gereken indexOf check yerine tercih ettim.

dokümanları içerir

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

Kabul edilen cevabı beğendim, ancak dizileri de almasını sağlamanın güzel olacağını düşündüm, bu yüzden bunu şuna genişlettim:

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

Sen değiştirerek tipi zorlama kaldırabilirsiniz ==için ===.

Alt Çizgi'ye erişiminiz varsa, aşağıdakileri kullanabilirsiniz:

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

contains Lodash'ta da çalışıyordu (V4'ten önce), şimdi kullanmanız gerekiyor includes

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

Bu küçük bir yardımcı hata işlevidir:

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

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

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

Daha fazla bilgi burada ...

Bunu gerçekleştirmek için sadece jQuery inArray işlevini ve bir dizi değer kullandım:

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

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

if(test >= 0) // true

Gelecek nesil için alternatif olarak normal ifadeler kullanmak isteyebilirsiniz. Oldukça iyi bir tarayıcı desteği de (ref. Https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match#Browser_compatibility )

Bunu dene

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