javascript - 使用正则表达式更改的连续重复单词

Question

var str="Foo bar bar end."
var word="bar"
var regex = new RegExp("([\\s]|^|>)("+word+")(<|[\\s]|$)", "gi");
str=str.replace(regex,' <span class="selected">$2</span> ');

结果:

Foo <span class="selected">bar</span> bar end.

为什么只有第一个 bar 改变了？

Answer 1

因为重叠匹配。即，您的最后一个捕获组使用了尾随定界符。为了使其不消耗后续字符，将最后一个捕获组更改为积极的前瞻模式，该模式不会消耗任何字符但会进行断言。

var regex = new RegExp("([\\s>]|^)("+word+")(?=[<\\s]|$)", "gi");
str=str.replace(regex,'$1<span class="selected">$2</span>');