在Javascript中搜索字符串數組時可以使用通配符嗎？

Question

考慮到字符串數組：

x = ["banana","apple","orange"] 

有一個內置的快捷方式進行通配符搜索？

即，也許

x.indexOf("*na*") //returns index of a string containing the substring na 

Answer 1

擴展Pim的答案，正確的方式來做到這一點（沒有jQuery）將是這樣的：

Array.prototype.find = function(match) { 
    return this.filter(function(item){ 
     return typeof item == 'string' && item.indexOf(match) > -1; 
    }); 
} 

但實際上，除非你在多個地方使用這個功能，你可以使用現有的filter方法：

var result = x.filter(function(item){ 
    return typeof item == 'string' && item.indexOf("na") > -1;    
}); 

正則表達式版本是相似的，但我認爲這將創建一個小bit更多的開銷：

Array.prototype.findReg = function(match) { 
    var reg = new RegExp(match); 

    return this.filter(function(item){ 
     return typeof item == 'string' && item.match(reg); 
    }); 
} 

它確實提供了靈活性，允許您指定一個有效的RegExp字符串，但。

x.findReg('a'); // returns all three 
x.findReg("a$"); // returns only "banana" since it's looking for 'a' at the end of the string. 

Answer 2

您可以擴展陣列原型找到匹配數組中的

Array.prototype.find = function(match) { 
    var matches = []; 
    $.each(this, function(index, str) { 
     if(str.indexOf(match) !== -1) { 
      matches.push(index); 
     } 
    }); 
    return matches; 
} 

然後，您可以打電話找你的陣列上像這樣

// returns [0,3] 
["banana","apple","orange", "testna"].find('na'); 

Answer 3

擴展上@ Shmiddty的答案，這裏是有用的JavaScript的想法：

• 擴展磁盤陣列和一個新的方法：使用Array.prototype.method = function(arg) { return result; }
• 濾波器陣列：Array.filter(function(e) { return true|false; })
• 套用公式中的元素array：Array.map(function(e) { return formula(e); })
• 使用正則表達式：/.*na.*/或new Regex('.*na.*')
個
• 使用正則表達式匹配：var result = regex.test(input);
• 使用Array.prototype.reduce到數組中的每個元素上運行的功能之後aggergate結果

即我喜歡的輸入參數是一個正則表達式，所以，它給您：

• 短，但普遍的模式匹配的輸入，
  • 如含有與啓動，結束的寬度，以及更復雜的匹配
• 指定輸入模式作爲字符串

液1的能力：過濾器，測試，地圖和的indexOf

Array.prototype.find = function(regex) { 
 
    var arr = this; 
 
    var matches = arr.filter(function(e) { return regex.test(e); }); 
 
    return matches.map(function(e) { return arr.indexOf(e); }); 
 
}; 
 
var x = [ "banana", "apple", "orange" ]; 
 
console.log(x.find(/na/)); // Contains 'na'? Outputs: [0] 
 
console.log(x.find(/a/)); // Contains 'a'? Outputs: [0,1,2] 
 
console.log(x.find(/^a/)); // Starts with 'a'? Outputs: [0] 
 
console.log(x.find(/e$/)); // Ends with 'e'? Outputs: [1,2] 
 
console.log(x.find(/pear/)); // Contains 'pear'? Outputs: []

解決方案2：減少，測試

Array.prototype.find = function(regex) { 
 
    return this.reduce(function (acc, curr, index, arr) { 
 
    if (regex.test(curr)) { acc.push(index); } 
 
    return acc; 
 
    }, [ ]); 
 
} 
 
var x = [ "banana", "apple", "orange" ]; 
 
console.log(x.find(/na/)); // Contains 'na'? Outputs: [0] 
 
console.log(x.find(/a/)); // Contains 'a'? Outputs: [0,1,2] 
 
console.log(x.find(/^a/)); // Starts with 'a'? Outputs: [0] 
 
console.log(x.find(/e$/)); // Ends with 'e'? Outputs: [1,2] 
 
console.log(x.find(/pear/)); // Contains 'pear'? Outputs: []

Answer 4

使用正則表達式可以做到這一點在JavaScript

var searchin = item.toLowerCase(); 
var str = columnId; 
str = str.replace(/[*]/g, ".*").toLowerCase().trim(); 
return new RegExp("^"+ str + "$").test(searchin);