Визначте, чи рядок є у списку в 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 має для 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 або прототип:

• http://phpjs.org/functions/in_array:232
• 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, як описано раніше.