Periksa kesetaraan variabel terhadap daftar nilai

Saya sedang memeriksa variabel, katakanlah foo, untuk kesetaraan ke sejumlah nilai. Sebagai contoh,

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

Intinya adalah bahwa itu agak banyak kode untuk tugas sepele seperti itu. Saya datang dengan yang berikut:

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

tetapi juga ini tidak sepenuhnya menarik bagi saya, karena saya harus memberikan nilai yang berlebihan pada item dalam objek.

Apakah ada yang tahu cara yang layak untuk melakukan pemeriksaan kesetaraan terhadap beberapa nilai?

Anda bisa menggunakan array dan indexOf:

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

Di ECMA2016 Anda dapat menggunakan metode include . Itu cara terbersih yang pernah kulihat. (Didukung oleh semua browser utama, kecuali IE (Polyfill ada di tautan)

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

Dengan menggunakan jawaban yang diberikan, saya berakhir dengan yang berikut:

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

Ini bisa disebut seperti:

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

Sunting: Saya menemukan 'trik' ini akhir-akhir ini yang berguna jika nilainya string dan tidak mengandung karakter khusus. Untuk karakter khusus menjadi jelek karena melarikan diri dan juga lebih rentan kesalahan karena itu.

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

Untuk lebih tepatnya, ini akan memeriksa string yang tepat, tetapi sekali lagi lebih rumit untuk tes kesetaraan sederhana:

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

Anda dapat menulis if(foo in L(10,20,30))jika Anda Lingin

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

    return obj;
};

Ini mudah diperpanjang dan dibaca:

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

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

Namun belum tentu lebih mudah :)

var a = [1,2,3];

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

Perhatikan bahwa indexOf tidak ada dalam naskah ECMAS inti. Anda harus memiliki cuplikan untuk IE dan mungkin peramban lain yang tidak mendukung Array.prototype.indexOf.

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

Selain itu, karena nilai yang Anda periksa hasilnya unik, Anda juga dapat menggunakan Set.prototype.has () .

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

Sekarang Anda mungkin memiliki solusi yang lebih baik untuk menyelesaikan skenario ini, tetapi cara lain yang saya sukai.

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    
}

Saya lebih suka solusi di atas daripada memeriksa indexOf di mana Anda perlu memeriksa indeks juga.

termasuk dokumen

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

Saya menyukai jawaban yang diterima, tetapi berpikir itu akan rapi untuk memungkinkannya mengambil array juga, jadi saya memperluasnya ke ini:

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

Anda dapat menghapus tipe pemaksaan dengan mengubah ==ke ===.

Jika Anda memiliki akses ke Garis Bawah, Anda dapat menggunakan yang berikut:

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

contains dulu bekerja di Lodash juga (sebelum V4), sekarang Anda harus menggunakannya includes

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

Ini adalah fungsi aror pembantu kecil:

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

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

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

Info lebih lanjut di sini ...

Saya hanya menggunakan fungsi jQuery inArray dan array nilai untuk mencapai ini:

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

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

if(test >= 0) // true

Untuk anak cucu Anda mungkin ingin menggunakan ekspresi reguler sebagai alternatif. Dukungan browser yang cukup bagus juga (ref. Https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match#Browser_compatibility )

Coba ini

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