如何使用 Javascript RegExp 匹配和替换包含子字符串的整个单词

Liz*_*zza 0 javascript regex

我想使用 Javascript 匹配并替换包含子字符串的整个单词。

到目前为止,这是我的代码:

var final = ""
var n, a = [], walk = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
const searchWordPattern = new RegExp(searchWord, 'i');

while(n = walk.nextNode()) {
  a.push(n);
  n.nodeValue = n.nodeValue.replace(searchWordPattern, "--");
  final = final.concat(n.nodeValue);
}
Run Code Online (Sandbox Code Playgroud)

这部分有效。它找到我正在搜索的单词并将其删除。但如果搜索词以任何方式共轭,那么它就会被抛在后面。我希望正则表达式能够匹配找到子字符串的整个单词。并将其全部删除。我需要改变什么?

编辑

我尝试使用下面的答案,但对于 \w 或 \S 变体似乎没有做任何不同的事情。这是我正在使用的代码:

var final = ""
var n, a = [], walk = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
const searchWordPattern = new RegExp('\S*' + searchWord + '\S*', 'i');

while(n = walk.nextNode()) {
  a.push(n);
  n.nodeValue = n.nodeValue.replace(searchWordPattern, "--");
  final = final.concat(n.nodeValue);
}
Run Code Online (Sandbox Code Playgroud)

结果是 searchWord 被“--”字符串替换,但如果它是共轭的,则它不包含其他字符。因此,如果“look”是搜索词,则正则表达式的结果是“--ing”。我希望它只是“--”。

Cra*_*ile 5

您需要调整正则表达式,以便不只是搜索单词:

new RegExp(searchWord, 'i');
Run Code Online (Sandbox Code Playgroud)

您还可以搜索任何周围的“单词”字符:

new RegExp('\\w*' + searchWord + '\\w*', 'i');
Run Code Online (Sandbox Code Playgroud)

或者所有非空白字符:

new RegExp('\\S*' + searchWord + '\\S*', 'i');
Run Code Online (Sandbox Code Playgroud)

  • 欢迎来到 StackOverflow!这是一个很好的答案。对于第一篇文章,这可能是我见过的最好的文章。 (2认同)