Question

我正在尝试编写一个脚本来帮助突出显示与正则表达式匹配时。以下是我现在所做的例子。

var text = "SOMETHING ~WEIRDs~ AND Not WEIRD";
var regexp = /\b(WEIRD)\b/
var matches = text.match(regexp);

for (i = 0; i < matches.length; i++) {
  var replace_all = RegExp(matches[i] + "(?![^<]*>|[^<>]*<\/)", "ig");
  text = text.replace(eval(replace_all), "<span style='background-  color:yellow'>" + matches[i] + "</span>");
}
console.log(text);

上面代码的输出是

SOMETHING ~<span style='background-  color:yellow'>WEIRD</span>s~ AND Not <span style='background-  color:yellow'>WEIRD</span>

我想要的输出是

SOMETHING ~WEIRDs~ AND Not <span style='background-  color:yellow'>WEIRD</span>

我想知道的是，无论如何写一个正则表达式包含正则表达式和提供的单词？或者有任何其他方法可以解决这个不正确的替换问题。

Answer 1

你的外部正则表达没问题。问题在于循环中的内部replace_all正则表达式，因为它替换了找到的字符串的所有实例，无论它在原始字符串中的位置。

而是使用原始正则表达式replace()使用替换字符串中的匹配项，如下所示：

＆＃13;

var text = "SOMETHING ~WEIRDs~ AND Not WEIRD";
var regexp = /\b(WEIRD)\b/
var text = text.replace(regexp, '<span style="background-color: yellow">$1</span>');
console.log(text);

＆＃13;

此外，作为一般规则，永远不要使用eval()。总是是一个更好的解决方案或替代方案。

如何使用正则表达式突出显示文本

1 个答案: