javascript - 不包括点、括号等的正则表达式边界

Question

我有 new RegExp(`\\b${escapedQuery}`, "i") 正则表达式来搜索单词边界，其中 escapedQuery 是 lodash's escapeRegExp function 之后的转义值。

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("al")); // OK [  "Alexander McQueen",  "Alexandre De Paris",  "alexander.t",  "alexanderwang.t"]
console.log(filter("M")); // OK [  "Alexander McQueen", "A.W.A.K.E. MODE", "MARC JACOBS (THE)"]
console.log(filter(".")); // Expected [""] - Actual ["alexander.t", "A.W.A.K.E. MODE", "alexanderwang.t"]
console.log(filter("(")); // OK [""] 
console.log(filter(")")); // Expected [""] - Actual ["MARC JACOBS (THE)"]

这里是 Sandbox 以更好地理解预期和实际结果

需要在表达式中修复什么才能返回预期值？

Answer 1

您可以要求第一个字符始终是单词字符:

function filter(query) {
    return BRANDS.filter((brand) => {
        const re = new RegExp(`(?=\\w)${query.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}`, "i");
        return re.test(brand);
   });
}

请看下面的演示:

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 re = new RegExp(`(?=\\w)${query.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}`, "i");
    return re.test(brand);
  });
}

console.log(filter("al")); // OK [  "Alexander McQueen",  "Alexandre De Paris",  "alexander.t",  "alexanderwang.t"]
console.log(filter("M")); // OK [  "Alexander McQueen", "A.W.A.K.E. MODE", "MARC JACOBS (THE)"]
console.log(filter(".")); // Expected [""] - Actual ["alexander.t", "A.W.A.K.E. MODE", "alexanderwang.t"]
console.log(filter("(")); // OK [""] 
console.log(filter(")")); // Expected [""] - Actual ["MARC JACOBS (THE)"]