正則表達式匹配來自URL的數據當有兩個匹配時，只返回1個匹配

Question

根據我提交的URL，有兩個匹配項。他們是 「EN-GB」和「英國愛爾蘭

網址：https://www.myabcalphabeta.com/en-gb/destinations/uk-ireland

但是，當我回到它返回只有最後一個功能，這是」英國愛爾蘭

我如何抓住第一場比賽「en-gb」。我也看到循環工作正常，因爲它返回兩個值。

控制檯輸出的屏幕截圖。

$(document).ready(function(){ 
     function getURLLocale() { 
     var url = $(location).attr("href"); 
     var localeRegex = /^[a-z][a-z]-[a-z][a-z]/g; 
     var urlBreakdown = url.split("/"); 
     console.log(urlBreakdown); 
     var lang = "en"; 
     var country = "gb"; 

     for(var i = 0; i < urlBreakdown.length; i++) { 
      if(urlBreakdown[i].match(localeRegex)) { 
       lang = urlBreakdown[i].split("-")[0]; 
       country = urlBreakdown[i].split("-")[1]; 
       console.log(lang+ "\n"); 
      }; 
     } 

     return([lang, country]); 
    } // End function getURLLocale() 
    console.log(getURLLocale()); 
}) 

Answer 1

你的表達是錯誤的：

更改正則表達式來^[a-z][a-z]-[a-z][a-z]$

Have a look

$(document).ready(function(){ 
     function getURLLocale() { 
     var url = "https://www.myabcalphabeta.com/en-gb/destinations/uk-ireland"; 
     var localeRegex = /^[a-z][a-z]-[a-z][a-z]$/g; 
     var urlBreakdown = url.split("/"); 
     console.log(urlBreakdown); 
     var lang = "en"; 
     var country = "gb"; 

     for(var i = 0; i < urlBreakdown.length; i++) { 
      if(urlBreakdown[i].match(localeRegex)) { 
       lang = urlBreakdown[i].split("-")[0]; 
       country = urlBreakdown[i].split("-")[1]; 
       console.log(lang+ "\n"); 
      }; 
     } 

     return([lang, country]); 
    } // End function getURLLocale() 
    console.log(getURLLocale()); 
}) 

Answer 2

我認爲你可以這樣做：

const url = `https://www.myabcalphabeta.com/en-gb/destinations/uk-ireland` 
 

 
const getUrlData = url => { 
 
    const en = url.match(/\ben-?\w*\b/) 
 
    const uk = url.match(/\buk-?\w*\b/) 
 
    const result = [] 
 
    if (en) result.push(en[0]) 
 
    if (uk) result.push(uk[0]) 
 
    return result 
 
} 
 

 
console.log(getUrlData(url))

或者這

const url = `https://www.myabcalphabeta.com/en-gb/destinations/uk-ireland` 
 

 
const getUrlData = url => { 
 
    const regex = /\b[a-z]{2}-[a-z]*\b/g 
 
    const result = [] 
 
    let temp 
 

 
    while (temp = regex.exec(url)) { 
 
    result.push(temp[0]) 
 
    } 
 
    return result 
 
} 
 
console.log(getUrlData(url))

這將選擇任何部分，按2 [a-z] thath必須啓動字 - 和所有[a-z]直到不​​字

Answer 3

要從url獲取所有語言環境與正則表達式(\w{2}-\w{2,})。

$(document).ready(function() { 
    function getURLLocale() { 
     var url = 'https://www.myabcalphabeta.com/en-gb/destinations/uk-ireland'; 
     var m; 
     var regex = /(\w{2}-\w{2,}(-\w{2})?)/g; 
     var locales = []; 

     while (m = regex.exec(url)) { 
      locales.push(m[0]); 
     } 

     return locales; 
    } // End function getURLLocale() 
    console.log(getURLLocale()); 
}); 

該數組將包含兩個語言環境。如果你只想得到第一個，而不是getURLLocale()，請打印getURLLocale()[0]。

編輯

我改變了正則表達式來(\w{2}-\w{2,}(-\w{2})?)，這樣你就可以從this列表