मैं तारों की सरणी कैसे ले सकता हूं और उन्हें फ़िल्टर कर सकता हूं?

Question

मेरे पास jQuery में तारों की एक सरणी है। मेरे पास कीवर्ड की एक और सरणी है जिसे मैं स्ट्रिंग सरणी फ़िल्टर करने के लिए उपयोग करना चाहता हूं।

मेरे दो सरणियों:

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

मैं jQuery में keywords सरणी का उपयोग कर arr सरणी फ़िल्टर कर सकते हैं कैसे? इस स्थिति में यह "टैको बेल में सैली काम करता है" फ़िल्टर करेगा और बाकी को बनाए रखेगा।

नीचे वास्तविक कोड है जिसका उपयोग मैं कर रहा हूं।

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

इसका पूरा उद्देश्य उपयोगकर्ता को लॉग परिणाम फ़िल्टर करने की अनुमति देना है। तो उपयोगकर्ता startTail() और $.getJSON() से शुरू होने वाली एक क्रिया करता है जो एक PHP फ़ंक्शन द्वारा निर्मित JSON ऑब्जेक्ट पुनर्प्राप्त करता है और परिणाम प्रिंट करता है। बेकार ढंग से काम करता है। अब मैं उपयोगकर्ता को आने वाली पूंछ वस्तुओं को फ़िल्टर करने का विकल्प देना चाहता हूं। उपयोगकर्ता फ़िल्टर बटन पर क्लिक करता है और jQuery फ़िल्टर टेक्स्ट लेता है और इसे keywords सरणी में जोड़ता है तो JSON ऑब्जेक्ट से data.logkeywords सरणी का उपयोग करके फ़िल्टर किया जाता है और फिर स्क्रीन पर जोड़ा जाता है।

मेरे पास एक डिलीट फ़िल्टर फ़ंक्शन भी है जो काम नहीं कर रहा है। शायद कोई मेरी मदद कर सकता है।

Answer 1

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

jQuery के बिना

:

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

Answer 2

आप [filter][1] फ़ंक्शन का उपयोग कर सकते हैं, लेकिन किसी भी तरह से आपको दोनों सरणी के माध्यम से लूप की आवश्यकता होगी। एक स्ट्रिंग के भीतर एक स्ट्रिंग निहित है या नहीं, यह देखने के लिए आप indexOf का उपयोग कर सकते हैं।

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

grep "फिल्टर" के लिए jQuery के शब्द है

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

अद्यतन

वहाँ एक jQuery के नजरिए से यहां के सही उत्तर है के बाद से, मैं संशोधित मेरी एक वीए का जवाब निला जावास्क्रिप्ट दृष्टिकोण, केवल उन लोगों के लिए जिन्हें jQuery के बिना ऐसा करने की आवश्यकता हो सकती है।

Answer 5

का उपयोग jQuery भयानक शक्तियां:

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

बेला: http://jsfiddle.net/LQ92u/1/

Answer 7

सिर के ऊपर, और untested। एक 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); 

तो आप कर सकते हैं (माना जाता है कि) रन है कि पसंद:

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