Javascript：String.match() - 在正则表达式中传递字符串变量[重复]

Question

我尝试重写方法（w3schools 上tutorial 的一部分）。

问题是让一个变量字符串成为正则表达式的一部分。

教程示例代码：

function myFunction() {
    var str = "The rain in SPAIN stays mainly in the plain"; 
    var res = str.match(/ain/gi);
    console.log(res)
}

我试过了：

function myFunction() {
    var str = "The rain in SPAIN stays mainly in the plain"; 
    var test = "ain";
    var re = "/"+test+"/gi";
    var res = str.match(re);
    console.log(res);
}

我尝试的方法不起作用。

Answer 1

使用正则构造函数，如：

function myFunction() {
    var str = "The rain in SPAIN stays mainly in the plain",
        test = "ain",
        re = new RegExp(test, 'gi'),
        res = str.match(re);

    console.log(res);
}

Answer 2

如果要将变量值作为正则表达式传递，则需要使用 RegExp 构造函数。

var test = "ain";
var re = new RegExp(test, "gi");

如果您的变量包含特殊字符，最好将其转义。

var re = new RegExp(test.replace(/(\W)/g, "\\$1"), "gi");

Answer 3

是的 match() 不适用于字符串文字

你可以使用var re = new RegExp(test,"gi");

 var str = "The rain in SPAIN stays mainly in the plain"; 
    var test = "ain";
    var re = new RegExp(test,"gi");
    var res = str.match(re);
    console.log(res);

Answer 4

您可以搜索“动态正则表达式”并找到： Javascript Regexp dynamic generation from variables? 或Use dynamic (variable) string as regex pattern in JavaScript 都很好地描述了它。

Answer 5

请注意，您将字符串传递给match。如果我们关注documentation，这将执行new RegExp(test)。所以你应该避免 / 和 /gi 字符串，并在 RegExp 构造函数中添加相应的标志：默认构造函数既不添加全局搜索 (g) 也不添加不区分大小写的搜索 (i)。

所以你的问题的解决方案：

var str = "The rain in SPAIN stays mainly in the plain"; 
var test = "ain";
var res = str.match(new RegExp(test, "gi"));

这将返回：

Array [ "ain", "AIN", "ain", "ain" ]

注意：

str.match(test, "gi"); 表单仅适用于 Firefox 浏览器，但已被弃用，并从 Firefox 39 引发控制台警告（请参阅 RGraham 评论）。