ES9 中的正则表达式命名捕获组：匹配，获取，使用

在 JavaScript 中，正则表达式是一种强大的工具，用于匹配和操作字符串。在 ES9 中，正则表达式新增了命名捕获组的功能，可以更加方便地获取匹配的结果，并进行后续的处理。

什么是命名捕获组？

正则表达式捕获组是指在匹配过程中，括号包裹的模式被“捕获”，并保存在一个数组中。这个数组可以通过索引来访问其中的每一个“捕获”，例如 match[1]。

命名捕获组则是为捕获的模式添加一个自定义的名称，方便后续的操作和调用。命名捕获组的语法为 (?<name>pattern)。其中，name 就是捕获组的名称，pattern 则是需要匹配的模式。例如：

const re = /(?<first>\w+)\s(?<last>\w+)/;
const match = re.exec('John Smith');
console.log(match.groups.first); // John
console.log(match.groups.last); // Smith

如何匹配命名捕获组？

命名捕获组可以像普通的捕获组一样在正则表达式中使用。例如，要匹配一个名字和年龄的字符串，可以使用如下的正则表达式：

const re = /(?<name>\w+)\s(?<age>\d+)/;
const match = re.exec('Alice 25');
console.log(match.groups.name); // Alice
console.log(match.groups.age); // 25

如何获取命名捕获组？

在 ES9 中，可以使用 match、exec、replace 等函数获取命名捕获组。以 match 函数为例：

const re = /(?<name>\w+)\s(?<age>\d+)/;
const str = 'Alice 25, Bob 30';
const matches = str.match(re);
matches.forEach(match => {
  console.log(match.groups.name); // Alice, Bob
  console.log(match.groups.age); // 25, 30
});

如果只需要获取第一个匹配的结果，也可以使用 exec 函数：

const re = /(?<name>\w+)\s(?<age>\d+)/;
const str = 'Alice 25, Bob 30';
const match = re.exec(str);
console.log(match.groups.name); // Alice
console.log(match.groups.age); // 25

如何使用命名捕获组？

命名捕获组可以方便地进行后续的处理和操作。例如，可以使用解构赋值获取命名捕获组中的值：

const re = /(?<name>\w+)\s(?<age>\d+)/;
const str = 'Alice 25';
const {name, age} = re.exec(str).groups;
console.log(name); // Alice
console.log(age); // 25

也可以使用模板字符串和命名捕获组，方便地拼接字符串：

const re = /(?<first>\w+)\s(?<last>\w+)/;
const name = 'John Smith';
const result = name.replace(re, '$<last>, $<first>');
console.log(result); // Smith, John

结论

ES9 中新增的命名捕获组功能方便了正则表达式的使用和处理，可以更加方便地获取和操作匹配的结果。在实际开发中，可以结合命名捕获组和其他的 JavaScript 特性，如解构赋值、模板字符串等，来方便地处理字符串。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67709425e9a7045d0d7e0885