Xác định xem chuỗi có trong danh sách trong JavaScript không

Trong SQL, chúng ta có thể thấy nếu một chuỗi nằm trong một danh sách như vậy:

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

Cách tốt để làm điều này trong JavaScript là gì? Thật khó để làm điều này:

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

Và tôi không chắc về hiệu suất hoặc sự rõ ràng của điều này:

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

Hoặc người ta có thể sử dụng chức năng chuyển đổi:

var str = 'a',
   flag = false;

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

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

Nhưng đó là một mớ hỗn độn khủng khiếp. Có ý kiến ​​gì không?

Trong trường hợp này, tôi phải sử dụng Internet Explorer 7 như một trang mạng nội bộ của công ty. Vì vậy, ['a', 'b', 'c'].indexOf(str) !== -1sẽ không hoạt động tự nhiên mà không có một số cú pháp đường.

Bạn có thể gọi indexOf:

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

EcmaScript 6

Nếu bạn đang sử dụng ES6, bạn có thể tạo một mảng các mục và sử dụng includes:

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

Điều này có một số lợi ích vốn có indexOfvì nó có thể kiểm tra chính xác sự hiện diện củaNaN trong danh sách, và có thể phù hợp với thiếu phần tử mảng như một trong những trung ở [1, , 2]đến undefined. includescũng hoạt động trên các mảng gõ JavaScript như Uint8Array.

Nếu bạn lo lắng về hỗ trợ trình duyệt (chẳng hạn như IE hoặc Edge), bạn có thể kiểm tra Array.includestại CanIUse.Com và nếu bạn muốn nhắm mục tiêu một trình duyệt hoặc phiên bản trình duyệt bị thiếu includes, tôi khuyên bạn nên sử dụng polyfill.io cho polyfill.

Không có một mảng

Bạn có thể thêm một thuộc tính mới isInListvào chuỗi như sau:

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

Sau đó sử dụng nó như vậy:

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

Bạn có thể làm điều tương tự cho Number.prototype.

Mảng.indexOf

Nếu bạn đang sử dụng một trình duyệt hiện đại, indexOf luôn hoạt động. Tuy nhiên, đối với IE8 trở về trước, bạn sẽ cần một polyfill.

Nếu indexOftrả về -1, mục này không có trong danh sách. Mặc dù vậy, hãy chú ý rằng phương pháp này sẽ không kiểm tra chính xác NaNvà trong khi nó có thể khớp với một phần tử rõ ràng undefined, thì nó không thể khớp với một phần tử bị thiếu undefinednhư trong mảng[1, , 2] .

Polyfill cho indexOfhoặcincludes trong IE hoặc bất kỳ trình duyệt / phiên bản nào khác thiếu hỗ trợ

Nếu bạn không muốn sử dụng một dịch vụ như polyfill.io như đã đề cập ở trên, bạn luôn có thể đưa vào các polyfill tùy chỉnh tuân thủ tiêu chuẩn mã nguồn của riêng bạn. Ví dụ: Mozilla Developer Network có một choindexOf .

Trong tình huống này khi tôi phải thực hiện một giải pháp cho Internet Explorer 7, tôi đã "tự lăn" phiên bản đơn giản hơn của indexOf() chức năng không tuân thủ tiêu chuẩn:

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

Tuy nhiên, tôi không nghĩ sửa đổi Array.prototypelà câu trả lời tốt nhất trong dài hạn. Sửa đổi Objectvà Arraynguyên mẫu trong JavaScript có thể dẫn đến các lỗi nghiêm trọng. Bạn cần phải quyết định xem làm như vậy có an toàn trong môi trường của chính bạn hay không. Lưu ý chính là việc lặp lại một mảng (khi Array.prototype có thêm thuộc tính) vớifor ... in sẽ trả về tên hàm mới là một trong các khóa:

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!

Mã của bạn có thể hoạt động ngay bây giờ, nhưng thời điểm ai đó trong tương lai thêm thư viện hoặc plugin JavaScript của bên thứ ba không thực sự bảo vệ chống lại các khóa được kế thừa, mọi thứ đều có thể bị phá vỡ.

Cách cũ để tránh sự phá vỡ đó là, trong quá trình liệt kê, kiểm tra từng giá trị để xem liệu đối tượng có thực sự là tài sản không được thừa kế với if (arr.hasOwnProperty(x))và chỉ sau đó làm việc với nó khôngx .

Cách ES6 mới để tránh vấn đề phụ này là sử dụng ofthay vì in, for (let x of arr). Tuy nhiên, trừ khi bạn có thể đảm bảo rằng tất cả các thư viện mã và bên thứ ba của bạn tuân thủ nghiêm ngặt phương pháp này, thì với mục đích của câu hỏi này, có lẽ bạn sẽ chỉ muốn sử dụng includesnhư đã nêu ở trên.

Hầu hết các câu trả lời đề xuất Array.prototype.indexOfphương pháp, vấn đề duy nhất là nó sẽ không hoạt động trên bất kỳ phiên bản IE nào trước IE9.

Để thay thế, tôi để lại cho bạn hai tùy chọn khác sẽ hoạt động trên tất cả các trình duyệt:

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


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

Mảng có một indexOfphương thức có thể được sử dụng để tìm kiếm chuỗi:

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

Một mẹo tôi đã sử dụng là

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

Bạn có thể làm một cái gì đó như

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

Đây là của tôi:

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

Cái này nhanh hơn nếu bạn đồng ý với việc truyền một mảng:

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

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

Đây là jsperf: http://jsperf.com/bmcgin-inlsit

RegExplà phổ quát, nhưng tôi hiểu rằng bạn đang làm việc với mảng. Vì vậy, hãy kiểm tra phương pháp này. Tôi sử dụng để sử dụng nó, và nó rất hiệu quả và nhanh chóng!

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

rx.test(str);

Bạn cũng có thể áp dụng một số sửa đổi, nghĩa là:

Lót

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

Trường hợp không nhạy cảm

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

Và nhiều người khác!

Sử dụng indexOf (nó không hoạt động với IE8).

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

Để hỗ trợ IE8, bạn có thể triển khai indexOf của Mozilla.

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

Biểu thức chính quy thông qua String.prototype.match (tài liệu).

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

}

Có vẻ như bạn cần sử dụng hàm in_array.

jQuery -> inArray

Nguyên mẫu -> Array.indexOf

Hoặc, xem các ví dụ này nếu bạn không sử dụng jQuery hoặc Prototype:

• http://phpjs.org/fifts/in_array:432
• http://www.bitreposective.com/equivalent-of-phps-in_array-feft.html
• http://codingforums.com/showthread.php?t=63796

Ghi chú về phong cách: các biến có tên là thisthing thatthing, nên được đặt tên để cho bạn biết điều gì đó về những gì chúng chứa (danh từ).

Ngoài indexOf(mà các áp phích khác đã đề xuất), sử dụng Enumerable.include () của nguyên mẫu có thể làm cho điều này gọn gàng và súc tích hơn:

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

Cảm ơn câu hỏi và giải pháp sử dụng phương thức Array.indexOf.

Tôi đã sử dụng mã từ giải pháp này để tạo hàm inList (), IMO, giúp việc viết đơn giản hơn và đọc rõ ràng hơn:

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

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

SỬ DỤNG:

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

Tôi ngạc nhiên không ai đã đề cập đến một chức năng đơn giản có một chuỗi và một danh sách.

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

Giải pháp của tôi dẫn đến một cú pháp như thế này:

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

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

Và tôi thực hiện điều này bằng cách mở rộng nguyên mẫu Object cơ bản, như thế này:

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

Chúng ta có thể đặt tên khác cho phương thức làInArray (nhưng có lẽ không phải là inArray) hoặc đơn giản là isIn.

Ưu điểm: Đơn giản, dễ hiểu và tự ghi chép.

Một phiên bản đơn giản hóa câu trả lời của SLaks cũng hoạt động:

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

.... vì các chuỗi là chính các mảng. :)

Nếu cần, hãy triển khai chức năng indexof cho Internet Explorer như được mô tả trước tôi.