JavaScript中replace方法匹配不到目标内容时报错的解决办法

你的问题出在正则表达式的写法上：/<b>?|<\/b>?/g 里的 ? 修饰符会让正则匹配空字符串，全局模式下会遍历字符串的每个字符间隙进行替换，这不仅会产生无意义的操作，还可能引发意外行为（虽然你描述的报错在这段代码里不会直接出现，但这种写法本身存在严重问题）。

要安全地移除 <b> 和 </b> 标签，且不存在标签时不报错，只需修改正则，匹配完整的标签即可：

方案1：明确匹配两种标签 #

var string1 = "hello";
var string2 = "<b>Hello</b>";

alert(string1.replace(/<b>|<\/b>/g, "")); // 输出 "hello"
alert(string2.replace(/<b>|<\/b>/g, "")) // 输出 "Hello"

方案2：更简洁的正则写法 #

用 \/? 匹配可选的斜杠，同时覆盖两种标签：

var string1 = "hello";
var string2 = "<b>Hello</b>";

alert(string1.replace(/<\/?b>/g, "")); // 输出 "hello"
alert(string2.replace(/<\/?b>/g, "")) // 输出 "Hello"

这两种写法的核心是：只匹配完整的 <b> 或 </b> 标签，当字符串中没有这些标签时，replace 方法会直接返回原字符串，不会执行任何替换操作，自然也不会报错。

内容的提问来源于stack exchange，提问作者Zidan gaming 00