在 ECMAScript 2018（ES9）中，正则表达式 Named Capture Groups 是一个非常实用的新特性。这个特性可以让我们更加方便地从正则表达式的匹配结果中提取出我们需要的信息，从而提高我们的编程效率。在本文中，我们将介绍 Named Capture Groups 的基本语法、实用案例以及一些注意事项。
基本语法
在 ECMAScript 2018（ES9）中，Named Capture Groups 的语法是使用 (?<name>...) 的形式来定义一个命名捕获组。其中，name 是命名捕获组的名称，... 是正则表达式的匹配规则。例如，我们可以使用以下代码来定义一个名为 year 的命名捕获组：
const regex = /(?<year>\d{4})/;在这个正则表达式中，我们使用了 \d{4} 来匹配一个四位数字，然后使用 (?<year>...) 来将这个匹配结果保存到名为 year 的命名捕获组中。
当我们使用这个正则表达式进行匹配时，可以通过 groups 属性来获取命名捕获组的结果。例如，我们可以使用以下代码来获取 year 命名捕获组的结果：
const match = regex.exec('2021');
console.log(match.groups.year); // 输出：2021实用案例
Named Capture Groups 的一个非常实用的案例是在字符串中提取出日期信息。例如，我们可以使用以下代码来定义一个匹配日期的正则表达式：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;在这个正则表达式中，我们使用了 \d{4} 来匹配年份，\d{2} 来匹配月份和日期，然后使用 (?<year>...)、(?<month>...) 和 (?<day>...) 来将匹配结果分别保存到名为 year、month 和 day 的命名捕获组中。
当我们使用这个正则表达式进行匹配时，可以通过 groups 属性来获取命名捕获组的结果。例如，我们可以使用以下代码来获取日期的年份、月份和日期：
const match = regex.exec('2021-08-23');
console.log(match.groups.year); // 输出：2021
console.log(match.groups.month); // 输出：08
console.log(match.groups.day); // 输出：23除了从字符串中提取出日期信息之外，Named Capture Groups 还可以用于更加复杂的匹配任务。例如，我们可以使用以下代码来匹配一个 URL，并从中提取出协议、主机名和路径信息：
const regex = /^(?<protocol>https?):\/\/(?<hostname>[^\/]+)\/(?<path>.*)$/; const url = 'https://www.example.com/path/to/resource'; const match = regex.exec(url); console.log(match.groups.protocol); // 输出：https console.log(match.groups.hostname); // 输出：www.example.com console.log(match.groups.path); // 输出：path/to/resource
注意事项
在使用 Named Capture Groups 时，需要注意以下几点：
- Named Capture Groups 只能在 ECMAScript 2018（ES9）或更高版本中使用。
- 在正则表达式中使用
(?<name>...)定义命名捕获组时，name必须是一个合法的 JavaScript 标识符。 - 在使用
groups属性获取命名捕获组的结果时，如果某个命名捕获组没有匹配到任何内容，那么对应的属性值将为undefined。
结论
在 ECMAScript 2018（ES9）中，Named Capture Groups 是一个非常实用的正则表达式新特性。它可以让我们更加方便地从正则表达式的匹配结果中提取出我们需要的信息，从而提高我们的编程效率。在实际开发中，我们可以根据具体的需求灵活运用 Named Capture Groups，从而更加高效地完成各种匹配任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675fe82603c3aa6a56fa67ea