小编典典

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

javascript

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


阅读 836

收藏
2020-05-01

共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库解决了这些问题。

2020-05-01