如何在 JavaScript 中动态创建带有变量的正则表达式？

JavaScript 中带变量的动态正则表达式

JavaScript 的正则表达式为模式匹配和操作提供了强大的工具。然而，将变量插入到这些模式中可能是一个挑战。

考虑以下代码片段：

function(input) {
    var testVar = input;
    string = ...
    string.replace(/ReGeX + testVar + ReGeX/, "replacement")
}

此代码尝试用提供的字符串替换所有出现的特定模式。替换字符串。但是，它会失败，因为您无法直接在正则表达式中连接变量。

解决方案：使用模板字符串

在 ES6 JavaScript 中，您可以使用模板字符串使用变量动态创建正则表达式。下面是您的操作方法：

const regex = new RegExp(`ReGeX${testVar}ReGeX`);
...
string.replace(regex, "replacement");

在此示例中，RegExp 构造函数接受模板字符串作为第一个参数。模板字符串包含带有插值变量 testVar 的原始正则表达式模式。反引号 (``) 表示模板字符串。

ES6 与 ES6 之前的版本

在 ES6 之前，您必须使用更详细的方法来实现相同的效果结果：

var regex = new RegExp("ReGeX" + testVar + "ReGeX");
...
string.replace(regex, "replacement");

旧语法仍然有效，但模板字符串方法因其简单性和可读性。

警告：转义变量

需要注意的是，如果您插入的变量具有潜在的恶意内容（例如用户输入），您应该转义它可以防止注入攻击。 escape() 或encodeURIComponent() 函数可用于转义。

以上是如何在 JavaScript 中动态创建带有变量的正则表达式？的详细内容。更多信息请关注PHP中文网其他相关文章！