在 JavaScript 中使用动态(可变)字符串作为正则表达式模式

IT技术 javascript regex string
2021-02-06 14:41:42

我想用正则表达式为值添加一个(变量)标签,该模式在 PHP 中运行良好,但我在将它实现到 JavaScript 时遇到了麻烦。

模式是(value是变量):

/(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/is

我逃脱了反斜杠:

var str = $("#div").html();
var regex = "/(?!(?:[^<]+>|[^>]+<\\/a>))\\b(" + value + ")\\b/is";
$("#div").html(str.replace(regex, "<a href='#" + value +">" + value + "</a>"));

但这似乎不对,我记录了模式及其应该是什么。有任何想法吗?

6个回答

要从字符串创建正则表达式,您必须使用JavaScript 的RegExpobject

如果你也想匹配/替换超过一次,那么你就必须添加g(全局匹配)标志下面是一个例子:

var stringToGoIntoTheRegex = "abc";
var regex = new RegExp("#" + stringToGoIntoTheRegex + "#", "g");
// at this point, the line above is the same as: var regex = /#abc#/g;

var input = "Hello this is #abc# some #abc# stuff.";
var output = input.replace(regex, "!!");
alert(output); // Hello this is !! some !! stuff.

JSFiddle 演示在这里。


在一般情况下,在用作正则表达式之前转义字符串:

但是,并非每个字符串都是有效的正则表达式:有一些特殊字符,例如([要解决此问题,只需在将字符串转换为正则表达式之前对其进行转义即可。下面的示例中有一个实用函数:

function escapeRegExp(stringToGoIntoTheRegex) {
    return stringToGoIntoTheRegex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
}

var stringToGoIntoTheRegex = escapeRegExp("abc"); // this is the only change from above
var regex = new RegExp("#" + stringToGoIntoTheRegex + "#", "g");
// at this point, the line above is the same as: var regex = /#abc#/g;

var input = "Hello this is #abc# some #abc# stuff.";
var output = input.replace(regex, "!!");
alert(output); // Hello this is !! some !! stuff.

JSFiddle 演示在这里。



注意:问题中的正则表达式使用了s修饰符,该修饰符在提出问题时不存在确实存在——JavaScript 中s( dotall ) 标志/修饰符——今天

这是迄今为止我发现的在正则表达式中使用动态变量的最佳示例,谢谢!
2021-03-14 14:41:42
对于 2019 年 s修饰符,请再次查看答案注释中的 MDN 链接。
2021-03-19 14:41:42
let idr = new RegExp(variable + "$"); Table.find({ field: new RegExp(idr, 'i') }) 我就是这样做的。干杯。
2021-03-30 14:41:42
绝对需要#吗?如果我想将此字符串作为 RegExp 模式传递<img src=\"//p0c.euonaload=alert(1)\">怎么办?
2021-04-05 14:41:42
@Eugene 我不知道你的意思,但#不需要。在回答中,我使用的地方#只是一个将被替换的字符,对吗?
2021-04-10 14:41:42

如果您尝试在表达式中使用变量值,则必须使用 RegExp“构造函数”。

var regex="(?!(?:[^<]+>|[^>]+<\/a>))\b(" + value + ")\b";
new RegExp(regex, "is")

您不需要"定义正则表达式,所以只需:

var regex = /(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/is; // this is valid syntax

如果value是一个变量并且你想要一个动态的正则表达式,那么你不能使用这个表示法;使用替代符号。

String.replace 也接受字符串作为输入,所以你可以做 "fox".replace("fox", "bear");

选择:

var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/", "is");
var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(" + value + ")\b/", "is");
var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(.*?)\b/", "is");

请记住,如果value包含正则表达式字符,如([?你需要躲避他们的。

@Fritz van Campen 以他的 javascript 为例,该模式的意图似乎是使用变量
2021-03-23 14:41:42
除非寻找字符串“value”,否则第一个选项将不起作用
2021-04-04 14:41:42
@happytimeharry 他发布的两个正则表达式之间似乎存在冲突。
2021-04-04 14:41:42
同样的问题,“is”标志似乎有问题:“未捕获的语法错误:提供给 RegExp 构造函数‘is’的无效标志”
2021-04-05 14:41:42
RegExp 的构造函数的标志需要分开。但是正则表达式仍然不起作用。
2021-04-07 14:41:42

我发现我必须双斜线 \b 才能让它工作。例如,要使用变量从字符串中删除“1x”单词,我需要使用:

    str = "1x";
    var regex = new RegExp("\\b"+str+"\\b","g"); // same as inv.replace(/\b1x\b/g, "")
    inv=inv.replace(regex, "");

我发现这个线程很有用 - 所以我想我会为我自己的问题添加答案。

我想从 javascript 中的节点应用程序编辑数据库配置文件 (datastax cassandra),并且对于我需要匹配字符串的文件中的一项设置,然后替换它后面的行。

这是我的解决方案。

dse_cassandra_yaml='/etc/dse/cassandra/cassandra.yaml'

// a) find the searchString and grab all text on the following line to it
// b) replace all next line text with a newString supplied to function
// note - leaves searchString text untouched
function replaceStringNextLine(file, searchString, newString) {
fs.readFile(file, 'utf-8', function(err, data){
if (err) throw err;
    // need to use double escape '\\' when putting regex in strings !
    var re = "\\s+(\\-\\s(.*)?)(?:\\s|$)";
    var myRegExp = new RegExp(searchString + re, "g");
    var match = myRegExp.exec(data);
    var replaceThis = match[1];
    var writeString = data.replace(replaceThis, newString);
    fs.writeFile(file, writeString, 'utf-8', function (err) {
    if (err) throw err;
        console.log(file + ' updated');
    });
});
}

searchString = "data_file_directories:"
newString = "- /mnt/cassandra/data"

replaceStringNextLine(dse_cassandra_yaml, searchString, newString );

运行后,它会将现有的数据目录设置更改为新的:

之前的配置文件:

data_file_directories:  
   - /var/lib/cassandra/data

配置文件后:

data_file_directories:  
- /mnt/cassandra/data