JavaScript - 正規表現の順序は関係ありませんが必要です存在

Question

標準的なリンクの内容をページから取得したいと思います。コードはサーバー上のNode.js（DOMなし）にあります。私は完全な応答（ダウンロードページ）と次のコードを持っています：

var metaRegex = new RegExp(/<link.*?href=['"](.*?)['"].*?rel=['"]canonical['"].*?>/i); 
// return correctly: https://support.google.com/recaptcha/?hl=en 
// var metaRegex = new RegExp(/<link(?=.*rel=['"]canonical['"])(?=.*href=['"](.*?)['"]).*?>/i); 
// return incorrectly: https://www.google.com/accounts/TOS 
var metaTag = metaRegex.exec(body); 
console.log(metaTag[1]); 

JsFiddle

最初の式では、relとhref属性の順番で問題があります。それだけ取ります

<link href="https://support.google.com/recaptcha/?hl=en" rel="canonical"> 

とNOT

<link rel="canonical" href="https://support.google.com/recaptcha/?hl=en"> 

二式は、両方の発注がかかりますが、それはHREFの最後の出現と一致します。

私は両方の属性の存在を要求する必要があり、それをグループ化できるかのように見えますか？

正しい方法は何ですか？

Answer 1

ちょうどその同じように、二つの連続正規表現を使用します。

var body = '<link rel="stylesheet" href="my.css"/> <link href="https://support.google.com/recaptcha/?hl=en" rel="canonical"/> <a href="https://www.google.com/accounts/TOS"/>' 
var linkRegexp = /(<link[^>]*rel=['"]canonical['"][^>]*>)/; 
var hrefRegexp = /href=['"](.*?)['"]/; 

var linkBody = linkRegexp.exec(body)[1]; 
console.log(hrefRegexp.exec(linkBody)[1]); 

• linkRegexp - = '標準的な'
• hrefRegexp RELでリンクを取得 - エキスのhrefそれ

から

regexpが1つだけの場合は、代替グループを使用して、非emptこのようなYの試合、：

var regexp = /<link[^>]*(?=href=['"]([^'"]*)['"][^>]*?rel=['"]canonical['"]|rel=['"]canonical[^>]*?href=['"]([^'"]*)['"])[^>]*>/; 
console.log(regexp.exec(body).splice(1).join("")); 

（しかし、IMHO、これはあまり読みやすい）