如何将 RegEx 中的组合捕获组与 string.prototype.matchAll 结合使用？

Question

我尝试使用以下 RegEx 在我的 textInput（字符串）中捕获一些模式：

let idPatterns = /\[id="(.*?)\"]|\[id="(.*?)"]|\[id="(.*?)"]/gim;

对我来说重要的部分是“id”，包括：(.*?)

要提取 id，我使用以下内容：

patternsArray = [...textInput.matchAll(idPatterns)];

我对以下文本的结果是：

文本 [id=“B0076VLVXG”] 文本

数组：

0: "undefined"

但是当我将 idPatterns 变量减少到

let idPatterns = /\[asin="(.*?)"]/gim;

我得到"B0076VLVXG" 作为结果（根据需要）。所以总而言之，我的 idPatterns 的串联似乎不准确，但可以分别使用它们中的每一个。如何正确组合 RegEx 中的三组模式？感谢您的帮助。

function getIdsCombinedRegEx(textInput) {
 
  const idPatterns = /\[id="(.*?)\"]|\[id="(.*?)"]|\[id="(.*?)"]/gim;

  const idPatternsCollection = [...textInput.matchAll(idPatterns)];

  return idPatternsCollection;
}

function getIdsSingleRegEx(textInput) {
 
  const idPatterns = /\[id="(.*?)"]/gim;

  const idPatternsCollection = [...textInput.matchAll(idPatterns)];

  return idPatternsCollection;
}

let textInput = '[id="B07Q45WX5D"] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [id="B08CQTNK8S"]';

console.log(getIdsCombinedRegEx(textInput));

console.log(getIdsSingleRegEx(textInput));

Answer 1

您的正则表达式应该按原样工作，返回第 2 组中的匹配项（因为它被替换的第二个分支中的组捕获：

const idPatterns = /\[id="(.*?)\"]|\[id="(.*?)"]|\[id="(.*?)"]/gim;

const textInput = 'text [id="B0076VLVXG"] text'; 

const patternsArray = [...textInput.matchAll(idPatterns)];

console.log(patternsArray);

由于每次交替都会返回不同组中的匹配项，因此将正则表达式重写为常量捕获组可能更容易。例如：

\[id(?:=|=)("|"|")(.*?)\1]

这寻找：

• 字符[id
• = 或 =
• "、" 或 " 之一（在第 1 组中捕获）
• 最少字符数（在第 2 组中捕获）
• 与第 1 组中捕获的内容相匹配（引用部分）
• 结束]

regex101 上的正则表达式演示

对于您的扩展数据：

const textInput = '[id="B07Q45WX5D"] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [id="B08CQTNK8S"]';

const idPatterns = /\[id(?:=|=)("|"|")(.*?)\1]/gim;

const idPatternsCollection = [...textInput.matchAll(idPatterns)];

// just get group 2
const idValues = idPatternsCollection.map(m => m[2]);

console.log(idValues);