如何让正则表达式将所有空白字符视为等同以实现关键词高亮匹配

很简单，只需要把关键词里的空格替换成能匹配任意空白序列的正则表达式即可。这里的核心是用\s+来替代关键词中的空格——\s会匹配所有空白字符（包括空格、换行\n、制表符\t、垂直制表符等），+则表示匹配一个或多个连续的这类空白，完美覆盖你提到的各种空白组合场景，同时又不会匹配无空白的情况（比如thecat）。

修改后的代码如下：

const highlightRegex = new RegExp(
  highlightedKeywords.map(v => `\\b${v.replace(/\s/g, '\\s+')}\\b`).join('|') || /.^/,
  'gi'
);
const highlightedText = originalText.replace(highlightRegex, match => `<mark>${match}</mark>`);

关键修改点解析： #

• v.replace(/\s/g, '\\s+')：遍历每个关键词，把其中的所有空格（因为提取工具统一转成了空格）替换成\s+。这样关键词"the cat"就会被转换成正则片段the\s+cat。
• 保留\b单词边界：确保我们匹配的是完整的短语/单词，避免部分匹配（比如不会让"the cat"匹配"the cats"或者"otherthe cat"）。
• 全局不区分大小写标志gi：保持你原来的匹配逻辑，能匹配所有大小写变体的关键词。

测试验证： #

这个正则会成功匹配以下文本中的目标短语：

• "the cat"（普通空格）
• "the\ncat"（换行分隔）
• "the\tcat"（制表符分隔）
• "the \n\t cat"（混合多种空白）

但不会匹配"thecat"（无空白连接的情况），完全符合你的需求。

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