Tentukan apakah string ada dalam daftar di JavaScript

Dalam SQL kita dapat melihat apakah sebuah string ada dalam daftar seperti ini:

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

Apa cara yang baik untuk melakukan ini dalam JavaScript? Sangat kikuk untuk melakukan ini:

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

Dan saya tidak yakin dengan kinerja atau kejelasan ini:

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

Atau seseorang dapat menggunakan fungsi sakelar:

var str = 'a',
   flag = false;

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

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

Tapi itu berantakan sekali. Ada ide?

Dalam hal ini, saya harus menggunakan Internet Explorer 7 karena itu untuk halaman intranet perusahaan. Jadi ['a', 'b', 'c'].indexOf(str) !== -1tidak akan bekerja secara asli tanpa gula sintaks.

Anda dapat menghubungi indexOf:

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

EcmaScript 6

Jika Anda menggunakan ES6, Anda bisa membuat array item, dan menggunakan includes:

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

Ini memiliki beberapa manfaat yang melekat lebih indexOfkarena benar dapat menguji keberadaan dari NaNdalam daftar, dan dapat mencocokkan hilang elemen array seperti yang tengah di [1, , 2]untuk undefined. includesjuga berfungsi pada array yang diketikkan JavaScript seperti Uint8Array.

Jika Anda khawatir tentang dukungan browser (seperti untuk IE atau Edge), Anda dapat memeriksa Array.includesdi CanIUse.Com , dan jika Anda ingin menargetkan versi browser atau browser yang hilang includes, saya sarankan polyfill.io untuk pengisian polyfilling.

Tanpa Array

Anda bisa menambahkan isInListproperti baru ke string sebagai berikut:

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

Kemudian gunakan seperti ini:

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

Anda dapat melakukan hal yang sama untuk Number.prototype.

Array.indexOf

Jika Anda menggunakan browser modern, indexOfselalu berfungsi. Namun, untuk IE8 dan sebelumnya Anda akan memerlukan polyfill.

Jika indexOfmengembalikan -1, item tidak ada dalam daftar. Berhati-hatilah, bahwa metode ini tidak akan memeriksa dengan benar NaN, dan sementara itu bisa cocok dengan eksplisit undefined, itu tidak dapat mencocokkan elemen yang hilang undefinedseperti dalam array [1, , 2].

Polyfill untuk indexOfatau includesdi IE, atau browser / versi lain yang tidak memiliki dukungan

Jika Anda tidak ingin menggunakan layanan seperti polyfill.io seperti yang disebutkan di atas, Anda selalu dapat memasukkan dalam polyfill khusus sesuai standar kode sumber Anda. Misalnya, Jaringan Pengembang Mozilla memiliki satu untuk indexOf.

Dalam situasi ini di mana saya harus membuat solusi untuk Internet Explorer 7, saya "menggulirkan versi saya sendiri" dari indexOf()fungsi yang tidak sesuai standar:

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

Namun, saya tidak berpikir memodifikasi Array.prototypeadalah jawaban terbaik dalam jangka panjang. Memodifikasi Objectdan membuat Arrayprototipe dalam JavaScript dapat menyebabkan bug serius. Anda perlu memutuskan apakah melakukannya aman di lingkungan Anda sendiri. Dari catatan utama adalah bahwa iterasi array (ketika Array.prototype telah menambahkan properti) dengan for ... inakan mengembalikan nama fungsi baru sebagai salah satu kunci:

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!

Kode Anda mungkin berfungsi sekarang, tetapi saat seseorang di masa depan menambahkan pustaka JavaScript atau plugin pihak ketiga yang tidak dengan bersemangat melindungi terhadap kunci yang diwarisi, semuanya dapat rusak.

Cara lama untuk menghindari kerusakan itu adalah, selama enumerasi, untuk memeriksa setiap nilai untuk melihat apakah objek tersebut benar-benar memilikinya sebagai properti yang tidak diwariskan dengan if (arr.hasOwnProperty(x))dan baru kemudian bekerja dengannya x.

Cara ES6 baru untuk menghindari masalah ekstra-tombol ini adalah dengan menggunakan ofbukan in, for (let x of arr). Namun, kecuali Anda dapat menjamin bahwa semua kode dan pustaka pihak ketiga Anda benar-benar berpegang pada metode ini, maka untuk keperluan pertanyaan ini Anda mungkin hanya ingin menggunakan includesseperti yang disebutkan di atas.

Sebagian besar jawaban menyarankan Array.prototype.indexOfmetode, satu-satunya masalah adalah bahwa itu tidak akan berfungsi pada versi IE apa pun sebelum IE9.

Sebagai alternatif, saya meninggalkan Anda dua opsi lagi yang akan berfungsi di semua browser:

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


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

Array memiliki indexOfmetode yang dapat digunakan untuk mencari string:

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

Trik yang saya gunakan adalah

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

Anda bisa melakukan sesuatu seperti

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

Ini milik saya:

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

Yang ini lebih cepat jika Anda setuju dengan melewatkan array:

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

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

Inilah jsperf: http://jsperf.com/bmcgin-inlsit

RegExpbersifat universal, tetapi saya mengerti bahwa Anda bekerja dengan array. Jadi, periksa pendekatan ini. Saya menggunakannya untuk menggunakannya, dan ini sangat efektif dan sangat cepat!

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

rx.test(str);

Anda juga dapat menerapkan beberapa modifikasi, yaitu:

Satu garis

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

Tidak sensitif huruf

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

Dan banyak lagi!

Menggunakan indexOf (tidak berfungsi dengan IE8).

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

Untuk mendukung IE8, Anda dapat menerapkan indexOf dari Mozilla.

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

Ekspresi Reguler melalui String.prototype.match (docs).

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

}

Sepertinya Anda perlu menggunakan fungsi in_array.

jQuery -> inArray

Prototipe -> Array.indexOf

Atau, lihat contoh ini jika Anda tidak menggunakan jQuery atau Prototype:

• 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

Stylistic note: variabel bernama thisthing thatthing, harus dinamai untuk memberi tahu Anda sesuatu tentang apa yang dikandungnya (kata benda).

Selain indexOf(yang disarankan oleh poster lain), menggunakan prototipe's Enumerable.include () dapat membuatnya lebih rapi dan ringkas:

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

Terima kasih atas pertanyaannya, dan solusinya menggunakan metode Array.indexOf.

Saya menggunakan kode dari solusi ini untuk membuat fungsi inList () yang akan, IMO, membuat penulisan lebih mudah dan pembacaan menjadi lebih jelas:

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

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

PEMAKAIAN:

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

Saya terkejut tidak ada yang menyebutkan fungsi sederhana yang mengambil string dan daftar.

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

Solusi saya menghasilkan sintaks seperti ini:

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

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

Dan saya menerapkan ini dengan memperluas prototipe Objek dasar, seperti ini:

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

Kita mungkin menamai metode ini dengan InArray (tapi mungkin bukan inArray) atau cukup dengan In.

Keuntungan: Sederhana, lugas, dan mendokumentasikan diri.

Versi sederhana dari jawaban SLaks juga berfungsi:

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

.... karena string adalah semacam array itu sendiri. :)

Jika perlu, terapkan fungsi indexof untuk Internet Explorer seperti yang dijelaskan sebelumnya.