在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';