Come posso prendere una serie di stringhe e filtrarle?

Question

Ho una matrice di stringhe in jQuery. Ho un'altra serie di parole chiave che voglio usare per filtrare l'array di stringhe.

miei due array:

var arr = new Array("Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"); 

    var keywords = new Array("Tom", "Ohio"); 

Come posso filtrare la matrice arr utilizzando la matrice keywords in jQuery? In questa situazione filtrerebbe "Sally lavora a Taco Bell" e tiene il resto.

Di seguito è riportato il codice effettivo che sto utilizzando.

var keywords= []; 
var interval = ""; 
var pointer = ''; 
var scroll = document.getElementById("tail_print"); 

$("#filter_button").click(
function(){ 
    var id = $("#filter_box").val(); 
    if(id == "--Text--" || id == ""){ 
     alert("Please enter text before searching."); 
    }else{ 
     keywords.push(id); 
     $("#keywords-row").append("<td><img src=\"images/delete.png\" class=\"delete_filter\" /> " + id + "</td>"); 
    } 
} 
); 

$(".delete_filter").click(
function(){ 
    ($(this)).remove(); 
} 
); 

function startTail(){ 
clearInterval(interval); 
interval = setInterval(
function(){ 
    $.getJSON("ajax.php?function=tail&pointer=" + pointer + "&nocache=" + new Date(), 
     function(data){ 
      pointer = data.pointer; 
      $("#tail_print").append(data.log); 
      scroll.scrollTop = scroll.scrollHeight; 
     }); 
}, 1000); 
} 

Lo scopo di questo è di permettere all'utente di filtrare i risultati di registro. Quindi l'utente esegue un'azione che inizia con startTail() e $.getJSON() recupera un oggetto JSON creato da una funzione PHP e stampa i risultati. Funziona perfettamente. Ora voglio dare all'utente la possibilità di filtrare gli elementi di coda in entrata. L'utente fa clic su un pulsante filtro e jQuery prende il testo del filtro e lo aggiunge all'array keywords, quindi lo data.log dall'oggetto JSON viene filtrato utilizzando l'array keywords e quindi aggiunto allo schermo.

Ho anche una funzione di filtro di eliminazione che non funziona. Forse qualcuno può aiutarmi con quello.

Answer 1

$.grep(arr, $.proxy(/./.test, new RegExp(keywords.join("|")))); 

senza jQuery:

arr.filter(/./.test.bind(new RegExp(keywords.join("|")))); 

Answer 2

È possibile utilizzare la funzione [filter][1], ma in entrambi i casi è necessario eseguire il ciclo di entrambi gli array. È possibile utilizzare indexOf per verificare se una stringa è contenuta all'interno di un'altra stringa.

var arr = ["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"]; 
var keywords = ["Tom", "Ohio"]; 
var filtered = []; 

for(var i = 0; i < arr.length; i++) { 
    for(var j = 0; j < keywords.length; j++) { 
     if (arr[i].indexOf(keywords[j]) > -1) { 
      filtered.push(arr[i]); 
      break; 
     } 
    } 
} 

console.log(filtered); 

Live example

Answer 3

parola di jQuery per "filtro" è grep

var arr = ["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"]; 
var keywords = ["Tom", "Ohio"]; 

var regex = new RegExp(keywords.join("|")); 

result = $.grep(arr, function(s) { return s.match(regex) }) 

Answer 4

var filtered = []; 
var re = new RegExp(keywords.join('|')); 

for (var i=0; i<arr.length; i++) { 
    if (re.search(arr[i])) { 
     filtered.append(arr[i]); 
    } 
} 

UPDATE

Dal momento che c'è risposte migliori qui da una prospettiva di jQuery, ho modificato il mio rispondi a un va approccio di nilla JavaScript, solo per coloro che potrebbero aver bisogno di farlo senza jQuery.

Answer 5

utilizzando jQuery straordinari poteri:

var keywords = ["Tom", "Ohio"]; 
$(["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"]).filter(function(k, v) { 
    return v.match("(" + keywords.join("|") + ")"); 
}); 

Answer 6

var keywords = ['Tom', 'Ohio']; 
var arr = ['Sally works at Taco Bell', 'Tom drives a red car', 'Tom is from Ohio', 'Alex is from Ohio']; 
var matcher = new RegExp(keywords.join('|')); 
var newarr = []; 
$.each(arr, function(index, elem) { 
    if (elem.match(matcher)) { 
     newarr.push(elem); 
    } 
}); 
console.log(newarr); 

violino: http://jsfiddle.net/LQ92u/1/

Answer 7

superiore della testa, e non testato. Essendo un plugin jQuery:

(function($) { 

    $.foo = function(needle, haystack) { 
     return $.grep(haystack, function() { 
      var words = this.split(' '), 
       flag = false 
       ; 

      for(var i=0; i < words.length; i++) { 
       flag = $.inArray(words[i], needle); 
       if (flag) { break; } 
      } 

      return flag;     
     }); 
    }; 

})(jQuery); 

Poi si può (presumibilmente) percorso che piace:

var bar = $.foo(keywords, arr);