如何使用依赖于变量的模式执行 Javascript 匹配？

Question

Remy Sharp 的 jQuery 标签建议插件的当前实现仅检查匹配标签的开头。 例如，输入“Photoshop”将不会返回名为“Adobe Photoshop”的标签。

默认情况下，搜索区分大小写。 我稍微修改了它以修剪多余的空格并忽略大小写：

for (i = 0; i < tagsToSearch.length; i++) {
    if (tagsToSearch[i].toLowerCase().indexOf(jQuery.trim(currentTag.tag.toLowerCase())) === 0) {
        matches.push(tagsToSearch[i]);
    }
}

我尝试做的是再次修改它，以便当用户输入“Photoshop”时能够返回“Adobe Photoshop”。 我尝试过使用 match，但当模式中存在变量时，我似乎无法让它工作：

for (i = 0; i < tagsToSearch.length; i++) {
    var ctag = jQuery.trim(currentTag.tag);
    if (tagsToSearch[i].match("/" + ctag + "/i")) { // this never matches, presumably because of the variable 'ctag'
        matches.push(tagsToSearch[i]);
    }
}

以这种方式执行正则表达式搜索的正确语法是什么？

Answer 1

如果您想在 JavaScript 中动态执行正则表达式，则必须使用 RegExp 对象< /a>. 我相信你的代码看起来像这样（尚未测试，不确定，但总体思路是正确的）：

for (i = 0; i < tagsToSearch.length; i++) {
    var ctag = jQuery.trim(currentTag.tag);
    var regex = new RegExp(ctag, "i")
    if (tagsToSearch[i].match(regex)) {
        matches.push(tagsToSearch[i]);
    }
}

Answer 2

代替

"/" + ctag + "/i"

使用

new RegExp(ctag, "i")

Answer 3

您也可以继续使用indexOf，只需将=== 0更改为>= 0：

for (i = 0; i < tagsToSearch.length; i++) {
    if (tagsToSearch[i].toLowerCase().indexOf(jQuery.trim(currentTag.tag.toLowerCase())) >= 0) {
        matches.push(tagsToSearch[i]);
    }
}

但话又说回来，我可能是错的。