小编典典

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

javascript

我想使用正则表达式向值 添加一个(变量)标记,该模式在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>"));

但这似乎不对,我记录了模式及其确切的样子。有任何想法吗?


阅读 1097

收藏
2020-05-01

共1个答案

小编典典

要从字符串创建正则表达式,必须使用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.

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

但是,并非每个字符串都是有效的正则表达式:有些特殊字符,例如([。要变通解决此问题,只需将字符串转为正则表达式之前先对其进行转义。下面的示例中包含一个实用程序功能:

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.

注意:问题中的正则表达式使用s修饰符,该修饰符在提问时并不存在 ,但今天确实存在 -JavaScript中sdotall)标志/修饰符。

2020-05-01