Javascript动态IF正则表达式条件没有eval？

Question

我正在向网络应用程序添加多组复选框过滤(多个无序列表的复选框)，但我一直在尝试使用 eval 来解决问题(或者在这种情况下我可能不应该担心？)。基本上，数据是通过一个 AJAX 调用来调用的，我将其存储在一组对象中，并且进行实时过滤，而无需进行额外的 AJAX 调用。选中复选框后，我使用 .match() ，并且基本上将正则表达式创建为数组中的字符串值(k 是类别对象属性，例如category1):

filterArgs.push("(data['" + k + "'].join(', ').match(/" + filters[k].join('') + ".+/))");

过滤器数组在上面的循环中设置，它看起来像这样(v是实际的字符串值 - 类别名称):

filters[k][z] = '(?=.*\\b' + v[z] + '\\b)';

然后我加入filterArgs:

return filterArgs.join(' && ');

filterArgs 当前通过 eval 传递给 if 语句条件，如下所示:

if(eval(filter_setup())){

因此，如果该 if 语句为 true，则主数据数组中的正确对象将包含在过滤后的数据集中。我可能会切换到 jQuery 的 $.grep 而不是 if 语句，但我仍然遇到相同的 eval 问题。还有其他方法来构建动态正则表达式吗？它与 eval 一起工作得很好，但我读过所有的文章都说它是多么“邪恶”。 if 语句条件最终如下所示(第一组中选中 2 个框，另一组中选中 1 个):

(data['type'].join(', ').match(/(?=.*\bRestaurant\b)(?=.*\bBar\b).+/)) && (data['state'].join(', ').match(/(?=.*\bWashington\b).+/))

Answer 1

尽可能避免eval。在这种情况下，肯定没有必要。

在需要时存储filter对象并定义如下内容:

function checkFilters(data, filters) {
    for (var k in filters) {
        if (!(new RegExp(filters[k].join("")).test(data[k])))
            return false;
    return true;
}

所以你可以像这样使用它:

if (checkFilters(data, filters)) {
    ...
}

顺便说一句，使用构造函数创建 RegExp 对象的成本很高。如果您需要更快的速度，您可以预编译过滤器并保留它们而不是条件数组:

filters[k] = new RegExp(filters[k].join(""));

此外，正如戴夫指出的，根据您的数据，您可能需要逃避过滤器:

filters[k][z] = '(?=.*\\b'
        + v[z].replace(/([\^\$\/\.\*\+\?\|\(\)\[\]\{\}\\])/g, "\\$1")
        + '\\b)';