Определите, есть ли строка в списке в JavaScript

В SQL мы можем видеть, есть ли строка в списке следующим образом:

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

Какой хороший способ сделать это в JavaScript? Это так неуклюже, чтобы сделать это:

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

И я не уверен насчет производительности или ясности этого:

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

Или можно использовать функцию переключения:

var str = 'a',
   flag = false;

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

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

Но это ужасный беспорядок. Любые идеи?

В этом случае я должен использовать Internet Explorer 7, так как он предназначен для корпоративной интрасети. Так ['a', 'b', 'c'].indexOf(str) !== -1что не будет работать изначально без некоторого синтаксического сахара.

Вы можете позвонить indexOf:

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

EcmaScript 6

Если вы используете ES6, вы можете создать массив элементов и использовать includes:

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

Это имеет некоторые неотъемлемые преимущества по сравнению с indexOfтем, что он может правильно проверять наличие NaNв списке и может сопоставлять отсутствующие элементы массива, такие как средний, [1, , 2]с undefined. includesтакже работает с типизированными массивами JavaScript, такими как Uint8Array.

Если вас беспокоит поддержка браузера (например, для IE или Edge), вы можете проверить Array.includesна CanIUse.Com , и если вы хотите указать браузер или версию браузера, которая отсутствует includes, я рекомендую polyfill.io для полизаполнения.

Без массива

Вы можете добавить новое isInListсвойство в строки следующим образом:

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

Тогда используйте это так:

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

Вы можете сделать то же самое для Number.prototype.

Array.indexOf

Если вы используете современный браузер, indexOfвсегда работает. Однако для IE8 и более ранних версий вам понадобится полифилл.

Если indexOfвозвращается -1, элемент отсутствует в списке. Однако помните, что этот метод не будет правильно проверять NaN, и хотя он может соответствовать явному undefined, он не может сопоставить отсутствующий элемент с тем, undefinedчто и в массиве [1, , 2].

Polyfill для indexOfили includesв IE, или любой другой браузер / версия без поддержки

Если вы не хотите использовать такой сервис, как polyfill.io, как упомянуто выше, вы всегда можете включить в свой собственный пользовательский полифилл, совместимый со стандартами исходного кода. Например, в Mozilla Developer Network есть один для indexOf.

В этой ситуации, когда мне нужно было найти решение для Internet Explorer 7, я «свернул свою» более простую версию indexOf()функции, которая не соответствует стандартам:

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

Однако я не думаю, что изменение Array.prototype- лучший ответ в долгосрочной перспективе. Модификации Objectи Arrayпрототипы в JavaScript могут привести к серьезным ошибкам. Вам нужно решить, насколько это безопасно в вашей среде. В первую очередь следует отметить, что повторение массива (когда Array.prototype имеет добавленные свойства) с for ... inвернет новое имя функции в качестве одного из ключей:

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!

Ваш код может работать сейчас, но в тот момент, когда кто-то в будущем добавит стороннюю библиотеку JavaScript или плагин, который не будет рьяно защищать от унаследованных ключей, все может сломаться.

Старый способ избежать этой поломки - во время перечисления проверять каждое значение, чтобы увидеть, действительно ли объект имеет его как не наследуемое свойство if (arr.hasOwnProperty(x))и только затем работать с ним x.

Новый ES6 способ избежать этого дополнительного ключа проблемы заключается в использовании ofвместо in, for (let x of arr). Однако, если вы не можете гарантировать, что весь ваш код и сторонние библиотеки строго придерживаются этого метода, то для целей этого вопроса вы, вероятно, просто захотите использовать, includesкак указано выше.

Большинство ответов предлагают Array.prototype.indexOfметод, единственная проблема заключается в том, что он не будет работать на любой версии IE до IE9.

В качестве альтернативы я оставляю вам еще две опции, которые будут работать во всех браузерах:

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


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

У массивов есть indexOfметод, который можно использовать для поиска строк:

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

Я использовал трюк

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

Вы могли бы сделать что-то вроде

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

Вот мой:

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

Это быстрее, если вы в порядке с передачей массива:

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

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

Вот этот jsperf: http://jsperf.com/bmcgin-inlsit

RegExpуниверсален, но я понимаю, что вы работаете с массивами. Итак, проверьте этот подход. Я использую его, и это очень эффективно и быстро!

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

rx.test(str);

Вы также можете применить некоторые модификации, а именно:

Один лайнер

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

Без учета регистра

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

И многие другие!

Использование indexOf (он не работает с IE8).

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

Для поддержки IE8 вы можете реализовать Mozilla indexOf.

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

Регулярные выражения через String.prototype.match (документы).

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

}

Похоже, вам нужно использовать функцию in_array.

jQuery -> inArray

Прототип -> Array.indexOf

Или посмотрите эти примеры, если вы не используете jQuery или 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

Стилистическое примечание: переменные, названные thisthing thatthing, должны быть названы так, чтобы рассказать вам о том, что они содержат (существительное).

В дополнение к indexOf(что предложили другие авторы) использование Enumerable.include () для прототипа может сделать это более аккуратным и лаконичным:

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

Спасибо за вопрос и решение с использованием метода Array.indexOf.

Я использовал код из этого решения для создания функции inList (), которая, IMO, сделает написание более простым, а чтение - более четким:

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

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

ИСПОЛЬЗОВАНИЕ:

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

Я удивлен, что никто не упомянул простую функцию, которая принимает строку и список.

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

Мое решение приводит к синтаксису вроде этого:

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

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

И я реализую это, расширяя базовый прототип Object, например так:

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

В качестве альтернативы мы можем назвать метод isInArray (но, вероятно, не inArray) или просто isIn.

Преимущества: простой, понятный и самодокументируемый.

Упрощенная версия ответа SLaks также работает:

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

.... так как строки сами по себе являются массивами. :)

Если необходимо, реализуйте функцию indexof для Internet Explorer, как описано выше.