在 ES9 中，新增了 RegExp 对象的 “named capturing groups” 功能，可以让我们更加灵活地处理正则表达式匹配的结果。本文将详细介绍这一功能的用法和意义，并提供示例代码。
什么是 “named capturing groups”
在传统的正则表达式中，我们可以使用括号来分组匹配，例如：
const regexp = /(\d{4})-(\d{2})-(\d{2})/;
const result = regexp.exec('2021-11-11');
console.log(result); // ["2021-11-11", "2021", "11", "11"]在这个例子中，我们使用了三个括号来分别匹配年、月、日，并将结果存储在数组中返回。但是，这种方式有一个问题，就是如果我们想要获取某个具体的值，需要使用数组下标来获取，不太方便。而 “named capturing groups” 就是为了解决这个问题而生的。
“named capturing groups” 允许我们给每个括号分组指定一个名称，例如：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = regexp.exec('2021-11-11');
console.log(result.groups); // {year: "2021", month: "11", day: "11"}在这个例子中，我们使用了 “named capturing groups” 来指定年、月、日三个括号分组的名称，然后通过 result.groups 来获取匹配结果，可以直接通过名称来获取对应值，更加方便。
如何使用 “named capturing groups”
使用 “named capturing groups” 要比传统的括号分组略微复杂一些，需要在括号前加上 ?<name> 的语法来指定分组名称。例如：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;然后，我们可以使用 exec 或者 match 方法来进行匹配，例如：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = regexp.exec('2021-11-11');
console.log(result.groups); // {year: "2021", month: "11", day: "11"}在上面的例子中，我们使用 exec 方法进行匹配，并使用 result.groups 来获取匹配结果。
除了使用 exec 和 match 方法之外，我们还可以使用 replace 方法来进行替换，例如：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const str = '2021-11-11';
const newStr = str.replace(regexp, '$<day>/$<month>/$<year>');
console.log(newStr); // "11/11/2021"在这个例子中，我们使用 replace 方法来将日期格式从 yyyy-mm-dd 转换为 dd/mm/yyyy 的格式，其中使用了 $<name> 的语法来引用分组名称。
“named capturing groups” 的意义和指导意义
“named capturing groups” 的意义在于，它让我们更加方便地处理正则表达式匹配的结果。在传统的括号分组中，我们需要使用数组下标来获取匹配结果，而 “named capturing groups” 可以让我们使用名称来获取匹配结果，更加清晰和方便。
此外，使用 “named capturing groups” 还可以让我们更加灵活地处理匹配结果。例如，我们可以使用 replace 方法来进行替换，而不需要手动拼接字符串，这样可以避免一些潜在的错误。
总之，掌握 “named capturing groups” 功能可以让我们更加高效和准确地处理正则表达式匹配的结果，是前端开发中非常实用的技能。
示例代码
// www.javascriptcn.com code example
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const str = '2021-11-11';
// 使用 exec 方法进行匹配
const result = regexp.exec(str);
console.log(result.groups); // {year: "2021", month: "11", day: "11"}
// 使用 match 方法进行匹配
const result2 = str.match(regexp);
console.log(result2.groups); // {year: "2021", month: "11", day: "11"}
// 使用 replace 方法进行替换
const newStr = str.replace(regexp, '$<day>/$<month>/$<year>');
console.log(newStr); // "11/11/2021"以上就是本文介绍的关于 ES9 中新增的 RegExp 对象的 “named capturing groups” 功能的详细内容和示例代码，希望可以帮助大家更好地掌握这一技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d92948a941bf71340acb8d