javascript - 为什么这个 replace() 不替换 "my"？

Question

有人可以解释为什么下面的 replace() 没有替换“my”

$(function() {
  var str = "put image in my gallery";
  str = str.replace(/ my | in /g, " ");
});

有一个 jsfiddle here .

谢谢。

Answer 1

因为匹配器已经提前了。匹配不能重叠，所以 in 之后的空格不能用来匹配 my 之前的空格。

这是纲要，| 代表匹配器的位置:

'put image| in my gallery' //found the first space
'put image| in |my gallery' //completed a match
'put image |my gallery' //replaced the match with a " "
'put image |my gallery' //fails to match the required space before "my"

---

解决方法包括执行 2 次运行(执行 .replace() 两次 @alfasin 的回答)，或使用 \b anchor 在单词边界而不是空格处匹配(@Grim 的解决方案)。

这是我使用单个替换操作的替代解决方案(假定匹配词后有尾随空格):

'put image in my gallery'.replace(/\b(?:my|in) /g, '');
//'put image gallery'

\b是一个零宽度断言，即匹配单词字符(\w)和非单词字符(\W)，这样匹配就不会重叠，并且在执行替换后没有多余的空格。当然，这只是给你一个想法，具体的用例(例如涉及标点符号)将需要更专业的正则表达式。