พิจารณาว่าสตริงอยู่ในรายการใน 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] ยังทำงานบนพิมพ์อาร์เรย์ JavaScriptเช่นundefinedincludesUint8Array

หากคุณกังวลเกี่ยวกับการสนับสนุนเบราว์เซอร์ (เช่น IE หรือ Edge) คุณสามารถตรวจสอบได้Array.includesที่ CanIUse.Comและหากคุณต้องการกำหนดเป้าหมายเบราว์เซอร์หรือเบราว์เซอร์เวอร์ชันที่ขาดหายไปincludesฉันแนะนำpolyfill.ioสำหรับ polyfilling

โดยไม่ต้องมีอาร์เรย์

คุณสามารถเพิ่ม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 และก่อนหน้านี้คุณจะต้องมี polyfill

หากindexOfส่งคืน -1 รายการจะไม่อยู่ในรายการ จะมี แต่สติว่าวิธีการนี้จะไม่ถูกต้องตรวจสอบNaNและในขณะที่มันสามารถจับคู่ชัดเจนundefinedก็ไม่สามารถจับคู่เป็นองค์ประกอบที่ขาดหายไปในขณะที่ในอาร์เรย์undefined[1, , 2]

Polyfill สำหรับindexOfหรือincludesใน IE หรือเบราว์เซอร์ / รุ่นอื่น ๆ ที่ขาดการสนับสนุน

หากคุณไม่ต้องการใช้บริการเช่นpolyfill.ioดังที่ได้กล่าวไว้ข้างต้นคุณสามารถรวมไว้ใน polyfills ที่กำหนดเองตามมาตรฐานซอร์สโค้ดของคุณเอง ยกตัวอย่างเช่น 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 คุณสามารถใช้ indexOf ของ Mozilla

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

โวหารหมายเหตุ:ตัวแปรที่มีชื่อว่าสิ่งนั้นควรได้รับการตั้งชื่อเพื่อบอกคุณบางอย่างเกี่ยวกับสิ่งที่พวกเขามี (คำนาม)

นอกจากนี้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.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 ตามที่อธิบายไว้ก่อนหน้าฉัน