javascript - 如何使用正则表达式向 JavaScript 中的搜索模式添加基本样式？

Question

我可以使用 JavaScript 中的正则表达式搜索段落中的文本。我想要的是，我不想显示搜索到的模式，而是想对搜索文本应用基本样式，例如黄色背景(或粗体文本)!

例如。我的名字是约翰先生 模式:/M(r|s|rs).?/ 输出:我的名字是约翰先生

Answer 1

尝试使用单词边界 \b 并以点结尾。替换为捕获组 1 $1:

\b(M(?:r|s|rs)\.)

var str = "My name is Mr. John Mr Test Mrtest aMr";
str = str.replace(/\b(M(?:r|s|rs)\.)/g, "<span style='font-weight: bold;'>$1</span>");
console.log(str);