JavaScript中字符串数组的正则表达式匹配答案

【问题标题】：Regex match from array of strings in JavaScriptJavaScript中字符串数组的正则表达式匹配
【发布时间】：2021-10-17 13:46:28
【问题描述】：

我在Regex 中遇到了一点问题。我想在输入字符串中找到完整匹配字符串的开始和结束索引。

例如我有一个字符串数组，例如

["a", "aa"]

我有一个类似I like a problem aa的文本

我正在处理数组字符串的迭代。

let arr = ["a", "aa"];
let str = "I like a problem aa";
let indicesArr = [];
arr.forEach(a=>{
  const regexObj = new RegExp(a, "gi");
  let match;
  while ((match = regexObj.exec(str))) {
    let obj = { start: match.index, end: regexObj.lastIndex }
    indicesArr.push(obj);
    if(!match.index || !regexObj.lastIndex) break;
  }
});

上面的代码给了我结果

[
  {start: 7, end: 8},
  {start: 17, end: 18},
  {start: 18, end: 19},
  {start: 17, end: 19}
]

我想要的结果应该是

[
  {start: 7, end: 8},
  {start: 17, end: 19}
]

任何建议都会非常有帮助，谢谢:)

【问题讨论】：

使用单词边界匹配整个单词，而不是部分匹配。
嘿，非常感谢您的建议，但如果我的字符串是I like a problem aa and aaaa，实际上它与最后一个aaaa 部分不匹配。
那你需要使用aa|a正则表达式。
没看懂，能不能写个小例子，对你有帮助，谢谢：）
见jsfiddle.net/wiktor_stribizew/jomL13rq

标签： javascript arrays regex string

【解决方案1】：

这里的问题是a 在aa 中找到两个匹配项。您需要确保匹配找到aa 或a 的所有出现的正则表达式按此顺序。这意味着，正则表达式必须是 /aa|a/g 而不是 /a|aa/g 作为 order of alternation matters in regex。

在这里，你可以使用

let arr = ["a", "aa"];
let str = "I like a problem aa";
let indicesArr = [];
arr.sort((a, b) => b.length - a.length);
const regexObj = new RegExp(arr.map(x=> x.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')).join('|'), "gi");
let match;
while (match = regexObj.exec(str)) {
    let obj = { start: match.index, end: regexObj.lastIndex }
    indicesArr.push(obj);
}
console.log(indicesArr);

注意这两行：

arr.sort((a, b) => b.length - a.length); - 按长度降序对 arr 项目进行排序（将 aa 放在 a 之前）
const regexObj = new RegExp(arr.map(x=> x.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')).join('|'), "gi"); - 转义 arr 数组中的所有项目以在正则表达式中使用，并使用 | 交替运算符将项目连接成单个字符串正则表达式模式。

【讨论】：