ES8 中引入了 RegExp 的具名捕获组
在ES8之前，JavaScript已经支持正则表达式的捕获组，但是由于缺少具名组匹配，经常导致代码难以维护和阅读，从而增加项目的难度和预算。ES8中引入了具名捕获组，可以更快速、更直观地生成匹配结果，有效地提高了正则表达式的可读性和可维护性。
什么是具名捕获组？
在JavaScript中，一般通过 () 匹配捕获组。通过从左到右的顺序，可以使用分组编号来访问正则表达式匹配的结果。例如，以下示例将字符串中的数字分为三个组：
const regExp = /(\d{4})-(\d{2})-(\d{2})/;
const matchResult = regExp.exec('2019-07-02');matchResult 变量的值为数组 [ "2019-07-02", "2019", "07", "02" ]，数组中第二个到第四个元素分别对应分组 1 到分组 3 中的匹配结果。
具名捕获组是给分组匹配结果命名，而不仅仅是通过数字索引或方括号中的数字来调用它们。以下示例展示了具有三个具名捕获组的 RegExp 实例：
const regExp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const matchResult = regExp.exec('2019-07-02');
console.log(matchResult.groups.year); // 2019
console.log(matchResult.groups.month); // 07
console.log(matchResult.groups.day); // 02具名捕获组通过在左括号后面添加 ? 的形式指定，其中 name 是组名称。正则表达式的匹配结果被存储在一个名为 groups 的可选属性中，一个对象，键是组名称，值是组中匹配到的字符串。
如何使用具名捕获组？
具名捕获组的优点之一是可以通过组名称来引用匹配内容，避免了代码中 hardcoding 数字索引造成的问题。请看以下示例：
const regExp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const dateString = '2019-07-02';
const { year, month, day } = regExp.exec(dateString).groups;
console.log(`Date: ${year}/${month}/${day}`); // Date: 2019/07/02在匹配日期字符串之后，我们分别使用 year、month 和 day 变量存储匹配结果。然后，我们使用这些变量创建一个格式良好的日期字符串。
总结
在ES8中， 具名捕获组为正则表达式增加了更清晰和直观的16进制匹配方法。它们也减少了代码的持续维护和版本更新的成本和难度。当你想要使用正则表达式时，不要忘记考虑使用具名捕获组，以提高可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65390f157d4982a6eb248fe0