为何string.replace()处理含括号的字符串时无法正常工作？

这个问题的核心是正则表达式的特殊字符没有被转义，导致匹配逻辑出错了。

问题原因 #

你的第二个调用里，要查找的字符串是(parentheses)，其中的(和)是正则表达式里的元字符——它们的作用是定义捕获分组，而不是作为普通的文本字符存在。当你直接用new RegExp(find, 'g')创建正则对象时，正则引擎会把这两个括号解析成语法符号，而不是去匹配字符串里的字面量(和)，自然就找不到对应的匹配项，替换操作也就不会生效，最终输出还是原字符串。

验证一下 #

运行你当前的代码，第二个console.log的输出是：

testing with (parentheses)

而不是预期的：

testing with <b>(parentheses)</b>

解决方案：转义正则特殊字符 #

我们需要把查找字符串里的所有正则特殊字符转义，让它们被当作普通文本处理。可以自己实现一个转义函数，或者使用ES2021新增的RegExp.escape()（不过旧环境可能不支持，自己实现更兼容）。

实现转义函数并修改原方法

// 转义正则特殊字符的工具函数
function escapeRegExp(str) {
  // 匹配所有正则元字符，在前面加上反斜杠转义
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

function boldString(str, find) {
  const escapedFind = escapeRegExp(find);
  var re = new RegExp(escapedFind, 'g');
  return str.replace(re, '<b>' + find + '</b>');
}

// 测试案例
console.log(boldString("this is for testing purpose","testing"));
// 输出：this is for <b>testing</b> purpose
console.log(boldString("testing with (parentheses)","(parentheses)"));
// 输出：testing with <b>(parentheses)</b>

补充说明 #

转义函数里的正则/[.*+?^${}()|[\]\\]/g匹配了所有常见的正则特殊字符，比如.、*、+、?、(、)等，通过\\$&把每个匹配到的字符前面加上反斜杠，让正则引擎把它们当作普通的文本字符去匹配，这样就能正确找到目标字符串并添加加粗标签了。

内容的提问来源于stack exchange，提问作者arjun kr