在javascript中使用正則表達式的String.replace方法

Question

我在MDN documentation上遇到了關於在字符串上使用替換方法的示例。

這是示例引那裏

var re = /(\w+)\s(\w+)/; 
var str = "John Smith"; 
var newstr = str.replace(re, "$2, $1"); 
print(newstr);//Smith,John 

我改變了正則表達式來下面並測試它。

var re = /(\w?)(\w+)/; 
var str = "John Smith"; 
var newstr = str.replace(re, "$1, $1"); 
newstr;//J, ohn Smith 
var newstr1=str.replace(re,"$2, $1"); 
newstr1;//ohn, J Smith. 

$ 1必須J和$ 2必須是在該示例中ohn Smith。 當我顛倒$ newstr1的順序時，它應該是'ohn Smith，J`。但事實並非如此。

是我對$ 1和$ 2的理解（子字符串匹配正確）以及爲什麼newstr1不同？

感謝您的意見

Answer 1

其實，$1是"J"，$2是"ohn"和" Smith"是無與倫比的。

var re = /(\w?)(\w+)/, 
    str = "John Smith"; 

str.replace(re, function (match, $1, $2) { 
    console.log('match', match); 
    console.log('$1', $1); 
    console.log('$2', $2); 
    return ''; // leave only unmatched 
}); 
/* match John 
    $1 J 
    $2 ohn 
    " Smith" 
*/ 

因此，您的交換是J各地切換與ohn，讓您newstr1。

爲什麼會發生這種情況？因爲\w匹配字，但?使它可選，所以就像(.*?)(.)捕獲$1中的一個字母，(\w?)是這樣做的。第二次捕獲(\w+)然後可以只擴展到單詞的結尾，因爲+，因爲\w不匹配空格\s。