javascipt用の非貪欲な正規表現

Question

CSSのすべての外部リソースに一致させたい。たとえば、contentには、//cdn.com/roboto-regular.eotと//cdn.com/roboto-bold.eotのような2つのリソースが含まれています。

var reg = /\/\/.*\.(js|css|jpg|eot)[^\/\/]/ig; 

var content="url(//cdn.com/roboto-regular.eot);src:url(//cdn.com/roboto-bold.eot#iefix)"; 

while ((match = reg.exec(content)) != null) console.log('match', match); 

しかし、私はすべての試合を得ることができるように、私は式が非貪欲作ることができますどのように"//cdn.com/roboto-regular.eot);src:url(//cdn.com/roboto-bold.eot#"

での式の結果？

Answer 1

あなたはマッチング文字 のリストからいくつかの文字を除外することができます：

var reg = /\/\/[^)(]*\.(js|css|jpg|eot)/ig; 
 
var content="url(//cdn.com/roboto-regular.eot);src:url(//cdn.com/roboto-bold.eot#iefix)"; 
 
while ((match = reg.exec(content)) != null) console.log('match', match);

[^)(]はeverything except ")" and "("を意味します。

Answer 2

正規表現の.*個数を怠け者（または欲張りではない）にする。

ここで唯一の問題は、.*が最初の試合の始めから最後の試合の最後までのすべてを消費していたと思います。

var reg = /\/\/.*?\.(?:js|css|jpg|eot)[^\/\/]/ig; 
 

 
var content="The quick brown fox jumps over the lazy dog. \n url(//cdn.com/roboto-regular.eot); some more stuff here src:url(//cdn.com/roboto-bold.eot#iefix)"; 
 

 
while ((match = reg.exec(content)) != null) console.log('match', match);

出力： `：

match //cdn.com/roboto-regular.eot),eot 
match //cdn.com/roboto-bold.eot#,eot 

Demo