在JavaScript正则表达式中命名捕获组？

Question

据我所知，JavaScript中没有所谓的捕获组。获得类似功能的替代方法是什么？

Answer 1

ECMAScript 2018将命名捕获组引入了JavaScript正则表达式中。

例：

  const auth = 'Bearer AUTHORIZATION_TOKEN'
  const { groups: { token } } = /Bearer (?<token>[^ $]*)/.exec(auth)
  console.log(token) // "Prints AUTHORIZATION_TOKEN"

如果您需要支持较旧的浏览器，则可以使用命名捕获组来处理普通（编号）捕获组，而只需要跟踪编号-如果捕获组中的捕获组顺序很麻烦，正则表达式更改。

我能想到的命名捕获组只有两个“结构”优点：

1. 在某些正则表达式中（据我所知，.NET和JGSoft），您可以对正则表达式中的不同组使用相同的名称。但是，大多数正则表达式版本仍然不支持此功能。

2. 如果在数字包围的情况下需要引用编号的捕获组，则会遇到问题。假设您要为数字添加零，因此要替换(\d)为$10。在JavaScript中，这将起作用（只要您的正则表达式中的捕获组少于10个），但是Perl会认为您正在寻找的是反向引用编号，10而不是number 1，后跟一个0。在Perl中，您可以${1}0在这种情况下使用。

除此之外，命名的捕获组只是“语法糖”。仅当您确实需要捕获组时才使用捕获组，并(?:...)在所有其他情况下使用非捕获组会有所帮助。

JavaScript的更大问题（在我看来）是它不支持冗长的正则表达式，这会使创建可读的，复杂的正则表达式更加容易。

Steve Levithan的XRegExp库解决了这些问题。