正则表达式是前端开发中非常重要的一个工具，可以方便地匹配和处理字符串。在 ES6 中，增加了一种非常实用的功能，那就是命名捕获组。通过命名捕获组，我们可以更加直观地获取匹配中的数据。本文将详细介绍 ES6 中的正则表达式命名捕获组使用方法，包括基本语法、捕获分组编号、命名捕获分组等内容。
基本语法
正则表达式命名捕获组使用 (?<name>...) 的语法来进行定义。使用这个语法，可以在括号内部定义一个命名捕获组，name 为捕获组的名称，... 为正则表达式的匹配内容。例如：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<date>\d{2})/;上面这个正则表达式使用了三个命名捕获组：year、month 和 date。它可以匹配格式为 yyyy-mm-dd 的日期字符串，并将年、月、日三个部分分别捕获到对应的命名捕获组中。
捕获分组编号
在正则表达式中，捕获分组可以使用 \n 的形式引用，其中 n 表示捕获组的编号。例如，在下面的正则表达式中：
const re = /(\d{4})-(\d{2})-(\d{2})/;我们可以使用 \1、\2、\3 来引用第一个、第二个和第三个捕获分组。而在使用命名捕获组时，我们也可以使用类似的方法来引用它们。例如：
// javascriptcn.com code example
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<date>\d{2})/;
re.exec('2021-07-16');
console.log(RegExp.$1) // undefined
console.log(RegExp.$2) // undefined
console.log(RegExp.$3) // undefined
console.log(RegExp.$<year>) // 2021
console.log(RegExp.$<month>) // 07
console.log(RegExp.$<date>) // 16
console.log(RegExp.lastMatch) // "2021-07-16"上面这个例子中，我们使用了命名捕获组定义了三个捕获分组：year、month 和 date。在使用 exec 函数对字符串进行匹配后，我们使用 RegExp.$<name> 的形式来引用它们。这个语法和 \n 的形式类似，但使用了命名捕获组的名称。而 lastMatch 属性则表示最近一次匹配的字符串，它等同于 \0。
命名捕获分组
在命名捕获组中，捕获分组的名称是非常重要的。它可以用于引用分组中的内容，也可以用于更好地理解正则表达式的含义。通常情况下，我们应该给捕获分组命名合适的名称，例如：
// javascriptcn.com code example
const re = /(?<year>\d{4})年(?<month>\d{1,2})月(?<date>\d{1,2})日/;
const str = '2021年7月16日';
const matchResult = str.match(re);
console.log(matchResult.groups.year); // "2021"
console.log(matchResult.groups.month); // "7"
console.log(matchResult.groups.date); // "16"在上面这个例子中，我们使用了命名捕获组为正则表达式的捕获分组命名，并使用 match 函数匹配字符串。matchResult.groups 返回了一个对象，其中包括了所有捕获分组的名称和对应的值。这种方式可以方便地获取捕获分组的值，而不用再使用 \n 引用分组的编号了。
结论
ES6 中的正则表达式命名捕获组为我们提供了一种更加直观、易于理解和方便的方式来处理正则表达式的匹配内容。在处理字符串时，我们应该优先考虑使用命名捕获组来进行匹配，以便更好地维护和扩展正则表达式规则。当然，在使用命名捕获组时也需要注意一些细节，例如命名的正确性和语法规则等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673488ab0bc820c58249b24b