javascript - 如何获取字符串数组并过滤它们？

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 数组？在这种情况下，它会过滤掉“Sally works at Taco Bell”并保留其余部分。

下面是我使用的实际代码。

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 数组，然后使用 keywords 过滤来自 JSON 对象的 data.log 数组，然后附加到屏幕。

我还有一个不起作用的删除过滤器功能。也许有人可以帮助我。

Answer 1

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

没有 jQuery:

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