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

Question

据我所知，在JavaScript中没有命名捕获组这样的事情。什么是获得类似功能的替代方法？

Answer 1

ECMAScript 2018将named capturing groups引入到JavaScript正则表达式中。

如果您需要支持较旧的浏览器，您可以使用正常（编号）的捕获组完成任何操作，您可以使用命名捕获组，只需要跟踪数字 - 如果在正则表达式变化中捕获组。

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

1. 在一些正则表达式的口味（.NET和JGSoft，据我所知），您可以使用相同的正则表达式中的不同组的名称（see here for an example where this matters）。但大多数正则表达式并不支持这个功能。

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

除此之外，命名捕获组只是“语法糖”。它有助于仅在真正需要它们时使用捕获组，并且在所有其他情况下使用非捕获组(?:...)。

更大的问题（在我看来）使用JavaScript的是，它不支持正则表达式冗长这将使可读的，复杂的正则表达式轻松很多的创作。

Steve Levithan's XRegExp library解决了这些问题。

Answer 2

命名捕获组提供了一件事：减少混乱复杂的正则表达式。

这真的取决于你的用例，但也许漂亮 - 打印你的正则表达式可以帮助。

或者你可以尝试定义常量指捕获的组。然后

评论也可能有助于向人展示谁看了你的代码，你做了什么。

对于剩下的我必须蒂姆斯答案达成一致。

Answer 3

您可以使用XRegExp，增强，可扩展，跨浏览器的正则表达式，包括额外的语法，标志的支持，和方法的实现：

• 添加新的正则表达式和替换文本语法，包括全面支持为named capture。
• 添加两个新的正则表达式标志：s，用于点匹配所有字符（也称为dotall或单线模式）和x，用于自由间距和注释（又名扩展模式）。
• 提供一套功能和方法，使复杂的正则表达式处理变得轻而易举。
• 自动修复了正则表达式行为和语法中最常遇到的跨浏览器不一致问题。
• 让您轻松创建和使用插件，为XRegExp的正则表达式语言添加新的语法和标志。

Answer 4

有一个名为named-regexp，你可以在你的Node.js项目中使用的Node.js库（在通过包装与browserify或其他包装脚本库中的浏览器）。但是，该库不能用于包含非命名捕获组的正则表达式。

如果您计算正则表达式中的开始捕获大括号，您可以在正则表达式中创建命名捕获组与编号捕获组之间的映射，并且可以自由组合和匹配。在使用正则表达式之前，您只需删除组名。我写了三个函数来证明这一点。看到这个要点：https://gist.github.com/gbirke/2cc2370135b665eee3ef

Answer 5

虽然你不能做到这一点香草的JavaScript，也许你可以使用一些Array.prototype功能像Array.prototype.reduce使用一些魔法向把索引匹配到一个名为的人。

显然，下面的解决方案将需要发生在顺序匹配：

// @text Contains the text to match 
 
// @regex A regular expression object (f.e. /.+/) 
 
// @matchNames An array of literal strings where each item 
 
//    is the name of each group 
 
function namedRegexMatch(text, regex, matchNames) { 
 
    var matches = regex.exec(text); 
 

 
    return matches.reduce(function(result, match, index) { 
 
    if (index > 0) 
 
     // This substraction is required because we count 
 
     // match indexes from 1, because 0 is the entire matched string 
 
     result[matchNames[index - 1]] = match; 
 

 
    return result; 
 
    }, {}); 
 
} 
 

 
var myString = "Hello Alex, I am John"; 
 

 
var namedMatches = namedRegexMatch(
 
    myString, 
 
    /Hello ([a-z]+), I am ([a-z]+)/i, 
 
    ["firstPersonName", "secondPersonName"] 
 
); 
 

 
alert(JSON.stringify(namedMatches));

Answer 6

另一种可能的解决方案：创建包含组名称和索引的对象。

var regex = new RegExp("(.*) (.*)"); 
var regexGroups = { FirstName: 1, LastName: 2 }; 

然后，使用对象键来引用组：

var m = regex.exec("John Smith"); 
var f = m[regexGroups.FirstName]; 

这提高了使用正则表达式的结果的代码的可读性/质量，但不是正则表达式本身的可读性。

Answer 7

在ES6你可以使用数组解构赶上你的组：

let text = '27 months'; 
let regex = /(\d+)\s*(days?|months?|years?)/; 
let [, count, unit] = text.match(regex) || []; 

// count === '27' 
// unit === 'months' 

注意：

• 在最后let第一个逗号跳过结果数组的第一个值，也就是整个匹配字符串
• || [].match()之后将防止出现解构错误（因为.match()将返回null）

Answer 8

命名捕获组可能会很快将其转换为JavaScript。
The proposal for it is at stage 3 already.

捕获组可以使用（？...））语法，对于 任何标识符名称。日期的正则表达式可以是 ，写为/（？\ d {4}） - （？\ d {2}） - （？\ d {2}）/ u。每个名称 应该是唯一的，并遵循ECMAScript IdentifierName的语法。

命名组可以通过 的属性来访问正则表达式结果。与创建组的编号一样，也创建了 ，就像非命名组一样。例如：

let re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/u; 
let result = re.exec('2015-01-02'); 
// result.groups.year === '2015'; 
// result.groups.month === '01'; 
// result.groups.day === '02'; 

// result[0] === '2015-01-02'; 
// result[1] === '2015'; 
// result[2] === '01'; 
// result[3] === '02';