正则表达式（Regular Expression）是前端中一个非常重要的概念，用于字符串的匹配和替换。在 ECMAScript 2018 中，新增了一项非常强大的特性——正则表达式命名分组，使得通过正则表达式进行匹配和替换的操作更加方便和简洁。
正则表达式命名分组的作用
很多情况下，我们需要从正则表达式匹配的结果中获取某一部分的内容，并进行后续的处理。在 ECMAScript 2018 之前，一般使用非命名捕获分组（Non-capturing groups）或命名捕获分组（Named capturing groups）来实现这个功能。但这两者都存在一定的缺陷。
使用非命名捕获分组时，我们需要使用 $1, $2, $3... 等方式来获取分组匹配到的内容，这种方式不利于代码的可读性和维护性。并且如果需要修改分组的顺序，还需要手动调整捕获分组的编号，非常麻烦。
使用命名捕获分组时，虽然可以为分组定义一个名称，但在获取结果时，依然需要使用 match 或 exec 方法的返回值来获取结果，这也不太方便。
而使用 ECMAScript 2018 中新增的正则表达式命名分组，则可以轻松地解决这些问题。
正则表达式命名分组的语法
命名分组的语法非常简单，只需要在分组开头添加 ?<name> 即可，其中 name 为分组的名称。例如：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;在上面的正则表达式中，我们定义了三个命名分组，分别为 year、month 和 day。
正则表达式命名分组的使用
我们可以通过第二个参数来获取命名分组匹配到的内容。例如：
const result = re.exec('2021-03-04');
console.log(result.groups.year); // 2021
console.log(result.groups.month); // 03
console.log(result.groups.day); // 04在上面的代码中，我们通过 result.groups 来获取命名分组匹配到的内容。
除此之外，我们还可以使用命名分组进行替换操作。例如：
const str = '2021-03-04';
const newStr = str.replace(
/(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/,
'$<month>/$<day>/$<year>'
);
console.log(newStr); // 03/04/2021可以看到，我们使用 $<name> 的格式来引用命名分组，并对命名分组进行了替换。
总结
正则表达式命名分组是 ECMAScript 2018 中新增的一项非常实用的特性，可以让我们更加方便地从匹配结果中获取需要的部分，并进行后续的处理。如果你在前端开发中需要进行字符串的匹配和替换操作，那么一定要掌握这个知识点。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b80267d4982a6ebd5c067