如何修正RegExp边界匹配？排除点号、括号等特殊字符干扰

问题背景 #

用\b单词边界结合escapeRegExp做品牌过滤时，查询.、)这类非单词字符会返回不符合预期的结果：

• 查.会捞出所有含点的品牌，但预期是空数组
• 查)会匹配到"MARC JACOBS (THE)"，但预期是空数组

原代码如下：

const BRANDS = [
  "Alexander McQueen",
  "Alexandre De Paris",
  "alexander.t",
  "A.W.A.K.E. MODE",
  "alexanderwang.t",
  "MARC JACOBS (THE)"
];

function filter(query) {
  return BRANDS.filter((brand) => {
    const escapedQuery = escapeRegExp(query);
    const re = new RegExp(`\\b${escapedQuery}`, "i");
    return re.test(brand);
  });
}

测试结果：

console.log(filter(".")); // Expected [] - Actual ["alexander.t", "A.W.A.K.E. MODE", "alexanderwang.t"]
console.log(filter(")")); // Expected [] - Actual ["MARC JACOBS (THE)"]

问题根源 #

正则的\b是单词边界，它的匹配逻辑是：

• 一边是\w（字母、数字、下划线），另一边是非\w（比如.、)、空格等）或字符串首尾
• 对于.这种非\w字符，它和相邻的\w字符（比如alexander.t里的r和t）之间会形成\b，所以\b\.会匹配到这些位置的.
• 同理，)和前面的E（\w）之间也有\b，导致\b\)能匹配到目标品牌

而我们的需求是：只有当查询内容是一个独立的“单词”（纯字母/数字/下划线组成的序列）时才返回匹配结果，非单词字符的查询直接返回空数组。

解决方案 #

方案1：直接过滤非单词字符的查询 #

先判断查询内容是否全为单词字符，不是的话直接返回空数组，简单直接：

const BRANDS = [
  "Alexander McQueen",
  "Alexandre De Paris",
  "alexander.t",
  "A.W.A.K.E. MODE",
  "alexanderwang.t",
  "MARC JACOBS (THE)"
];

function filter(query) {
  // 仅允许纯单词字符的查询，非单词字符直接返回空
  if (!/^\w+$/.test(query)) {
    return [];
  }
  const escapedQuery = escapeRegExp(query);
  // 前后都加\b，确保是完整单词匹配（避免匹配到单词的一部分）
  const re = new RegExp(`\\b${escapedQuery}\\b`, "i");
  return BRANDS.filter(brand => re.test(brand));
}

测试效果：

console.log(filter(".")); // [] 符合预期
console.log(filter(")")); // [] 符合预期
console.log(filter("alexander")); // ["Alexander McQueen", "alexander.t", "alexanderwang.t"] 正常匹配
console.log(filter("MODE")); // ["A.W.A.K.E. MODE"] 正常匹配

方案2：自定义单词边界（支持带特殊字符的完整元素匹配） #

如果后续需要支持查询A.W.A.K.E.这类带特殊字符的完整品牌片段，可以用自定义的边界规则，确保查询内容前后是非单词字符或字符串首尾：

const BRANDS = [
  "Alexander McQueen",
  "Alexandre De Paris",
  "alexander.t",
  "A.W.A.K.E. MODE",
  "alexanderwang.t",
  "MARC JACOBS (THE)"
];

function filter(query) {
  const escapedQuery = escapeRegExp(query);
  // 正向断言：前面是字符串开头或非单词字符；后面是字符串结尾或非单词字符
  const re = new RegExp(`(?<=^|\\W)${escapedQuery}(?=\\W|$)`, "i");
  return BRANDS.filter(brand => re.test(brand));
}

测试效果：

console.log(filter(".")); // [] 符合预期
console.log(filter(")")); // [] 符合预期
console.log(filter("A.W.A.K.E.")); // ["A.W.A.K.E. MODE"] 正常匹配
console.log(filter("MARC")); // ["MARC JACOBS (THE)"] 正常匹配

内容的提问来源于stack exchange，提问作者J. Doe