正则表达式的捕获组

是正则表达式中的一个重要概念，用于提取字符串中的特定部分

捕获组是通过正则表达式中的圆括号 () 定义的，它的作用是：

1. 划分和标记：将正则表达式的一部分划分为逻辑单元。

2. 提取数据：从字符串中提取符合组内模式的内容。

3. 后续操作：可以在替换、分析或逻辑处理时使用捕获到的数据。

使用捕获组的基本示例

示例 1：简单的捕获

正则表达式：/Hello (World)/

字符串：Hello World

结果：

• 完整匹配：Hello World

• 捕获组 1：World（即括号中的部分）

const re = /Hello (World)/;
const result = re.exec("Hello World");
console.log(result);
// 输出: ["Hello World", "World"]

 

break down mdn的示例代码

// Match "quick brown" followed by "jumps", ignoring characters in between
// Remember "brown" and "jumps"
// Ignore case
const re = /quick\s(?<color>brown).+?(jumps)/dgi;
const result = re.exec("The Quick Brown Fox Jumps Over The Lazy Dog");

1. 正则表达式的部分解释

• 整体表达式：/quick\s(?<color>brown).+?(jumps)/dgi

  • quick：

    • 匹配单词 “quick”，不区分大小写（由于 i 修饰符的作用）。

  • \s：

    • 匹配一个空白字符（例如空格）。

  • (?<color>brown)：

    • 命名捕获组，匹配单词 “brown” 并将其内容标记为 color。稍后可以通过 result.groups.color 来访问这个内容。

  • .+?：

    • 非贪婪模式，匹配任意字符，但尽可能少。

  • (jumps)：

    • 普通捕获组，用来匹配单词 “jumps”。

  • 修饰符 dgi：

    • d：启用正则表达式调试特性（ES2022）。

    • g：全局匹配。

    • i：忽略大小写。

2. exec 方法如何工作

代码中用到了 exec 方法，这里的功能是用正则表达式逐步匹配输入字符串 "The Quick Brown Fox Jumps Over The Lazy Dog"。让我们分析其运行过程：

• 第一步：开始匹配正则模式。

  • 匹配到 "Quick"（不区分大小写）。

  • 匹配空格后，找到 "Brown"，并将它捕获为 color。

  • 接着匹配剩余字符直到 "Jumps"。

• 第二步：生成结果。

  • exec 方法返回一个包含以下内容的数组：

    1. result[0]：完整匹配字符串，例如 "Quick Brown Fox Jumps".

    2. result[1]：普通捕获组的内容，例如 "Jumps".

    3. result.groups.color：命名捕获组的内容，例如 "Brown"。

 运行结果如下：