的Javascript正則表達式：從路徑

Question

試圖從路徑提取的變量名提取變量（變量之前包含：任選地被封閉的（）），變量的數量可以變化

「富/酒吧/：firstVar /： （secondVar）foo2的/：thirdVar」

預期輸出應爲：

[ 'firstVar'， 'secondVar'， 'thirdVar']

試圖像

"foo/bar/:firstVar/:(secondVar)foo2/:thirdVar".match(/\:([^/:]\w+)/g)

但它不工作（不知何故它捕獲冒號&沒有可選附件），如果有一些正則表達式法師，請幫助。提前感謝！

Answer 1

var path = "foo/bar/:firstVar/:(secondVar)foo2/:thirdVar"; 

var matches = []; 
path.replace(/:\(?(\w+)\)?/g, function(a, b){ 
    matches.push(b) 
}); 

matches; // ["firstVar", "secondVar", "thirdVar"] 

Answer 2

這個怎麼樣：

/\:\(?([A-Za-z0-9_\-]+)\)?/ 

比賽：

:firstVar 
:(secondVar) 
:thirdVar 

$1包含：

firstVar 
secondVar 
thirdVar 

Answer 3

我可能會建議你看看URI template specification？它完全符合你想要做的，但更優雅。我不知道任何當前用於JavaScript的URI模板解析器，因爲它通常是一個服務器端操作，但是最小的實現將是微不足道的。

，而不是本質上說，：

foo/bar/:firstVar/:(secondVar)foo2/:thirdVar 

您使用：

foo/bar/{firstVar}/{secondVar}foo2/{thirdVar} 

希望，這是很顯而易見的，爲什麼這種格式工程的secondVar的情況要好。另外它還有一個額外的優點，即成爲一個規範，儘管目前仍然是一個草案。