如何在 Jquery 中搜索数组，如 SQL LIKE %value% 语句

Question

我有一个包含一些值的数组。如何使用 jquery 在该数组中搜索匹配或接近的值？

var a = ["foo","fool","cool","god"];

如果我想搜索oo，那么它应该返回foo、fool和cool，因为这些字符串包含oo。

Answer 1

原版JS

要使用 Vanilla JS 在数组中搜索，我会使用在数组原型中实现的 filter() 方法。

注意：对于 非常 大的数组，您可能需要考虑将它们重构为 async/await 函数，否则可能会降低用户界面的速度.

1。使用正则表达式（较慢）

这是最灵活的方法，因为您可以搜索不同的模式。您应该知道这里的搜索词不是纯文本，因此您必须根据语法转义大多数非字母数字字符。您不应将未处理的用户输入直接传递给函数，因为它不会按预期工作。

let a = ["foo","fool","cool","god"];
var term = 'oo'; // search term (regex pattern)
var search = new RegExp(term , 'i'); // prepare a regex object
let b = a.filter(item => search.test(item));
console.log(b); // ["foo","fool","cool"]

2。使用indexOf（更快）

在这种特殊情况下，我宁愿使用indexOf()，它基本上相当于LIKE %term%，但在处理大型数组时比使用正则表达式快得多。

进行不区分大小写的搜索是一种常见的情况，因此请确保对搜索词和数组项都使用toLowerCase()。否则将其从示例中的所有位置删除。

let a = ["foo","fool","cool","god"];
let term = 'oo';
let b = a.filter(item => item.toLowerCase().indexOf(term) > -1);
console.log(b); // ["foo","fool","cool"]

ES6 风格（ES2015）

const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

const filterItems = (needle, heystack) => {
  let query = needle.toLowerCase();
  return heystack.filter(item => item.toLowerCase().indexOf(query) >= 0);
}

console.log(filterItems('ap', fruits)); // ['apple', 'grapes']
console.log(filterItems('ang', fruits)); // ['mango', 'orange']

ES5 风格

var fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

function filterItems(needle, heystack) {
  var query = needle.toLowerCase();
  return heystack.filter(function(item) {
      return item.toLowerCase().indexOf(query) >= 0;
  })
}

console.log(filterItems('ap', fruits)); // ['apple', 'grapes']
console.log(filterItems('ang', fruits)); // ['mango', 'orange']

---

这是过时的答案

要使用 jQuery 在数组中搜索，您可以使用 jQuery.grep() 或 jQuery.map()。两者都使用过滤后的元素返回新数组 回调函数。

最快的实现（不区分大小写）是使用indexOf 和 回调中的toUpperCase：

var search_term = 'oo'; // your search term as string
var search = search_term.toUpperCase();
var array = jQuery.grep(a, function(value) {
    return value.toUpperCase().indexOf(search) >= 0;
});

如果您不需要不区分大小写的搜索，您可以同时删除 .toUpperCase() 以进一步加快搜索速度。

更灵活但慢得多（对于小型阵列来说足够好）是使用 正则表达式：

var search_term = "oo"; // search term
var search = new RegExp(search_term , "i");
var arr = jQuery.grep(a, function (value) {
    return search.test(value);
});

或

var search_term = "oo"; // search term
var search = new RegExp(search_term , "i");
var arr = jQuery.map(a, function (value) {
    return value.match(search) ? value : null;
});

正则表达式允许您进行比%value% 复杂得多的搜索。但是，如果您不需要它，请不要使用它，因为它是 慢很多倍。

你应该得到一个包含匹配元素的数组arr

Answer 2

function find(arr) {
    var result = [];

    for (var i in arr) {
        if (arr[i].match(/oo/)) {
            result.push(arr[i]);
        }
    }

    return result;
}

window.onload = function() {
    console.log(find(['foo', 'fool', 'cool', 'god']));
};

它打印["foo", "fool", "cool"]

Answer 3

试试下面的js代码

function likeMatch(q)
{
    my_arr = ["foo","fool","cool","god"];
    var rArr=[];

    for(var t in my_arr)
    {
      if(my_arr[t].indexOf(q)>0)   
      rArr.push(my_arr[t]);
    }
  return(rArr);
}

Answer 4

试试这个：

var infoData = ["foo","fool","cool","god"], 
search   = 'oo';

//this makes the magic
infoData = $$(infoData).filter(function(){
        return (this.search(search) >= 0)
    })  

var n = infoData.length;
    console.log("size result: "+ n );

for(var item = 0; item < n ;item++){
    console.log("item: "+item+" data : "+infoData[item]);       
}

结果：

size result: 3

item: 0 data : foo
item: 1 data : fool
item: 2 data : cool 

Answer 5

试试$.inArrayhttp://api.jquery.com/jQuery.inArray/。我不确定它是否允许您使用正则表达式，但值得一试

Answer 6

您可以使用Alasql JavaScript SQL 库来实现。 它支持 LIKE 运算符，就像在 SQL 中一样

var a = ["foo","fool","cool","god"];
var searchString = "%oo%";

var res = alasql('SELECT COLUMN * FROM [?] WHERE [0] LIKE ?',[a, searchString]);

在 jfFiddle 尝试this example。

Answer 7

如果您在包含哈希对象的数组中搜索，请使用以下函数

 function searchInArrayofHashes(array,key,keyword) {
  responsearr = []
  for(i=0;i<array.length;i++) {
      if(array[i][key].indexOf(keyword) > -1 ) {
        responsearr.push(array[i])
    }
  }
  return responsearr
}

Answer 8

如果你想匹配任何正则表达式，你可以在数组上使用 find 方法：

Array.find(x => /^left:/.test(x)