檢查當前URL，即使有URL參數也返回true

Question

我正在檢查URL中的特定模式，以便僅在正確的頁面類型上執行一組代碼。目前，我有這樣的：

/^http:\/\/www\.example\.com\/(?:example\/[^\/]+\/?)?$/;

因此，它會爲example.com和example.com/example/anythinghere/返回true。然而，有時本網站將附加參數，如?postCount=25或一些東西到URL的末尾，這樣就可以獲得：

example.com/example/anythinghere/?postCount=25

正因爲如此，如果我把當前的表達式爲條件，將返回如果有URL參數，則爲false。我如何才能最好地改變正則表達式以允許可選的 URL參數通配符，因此，如果存在問號後跟隨任何附加信息，它將始終返回true，並且如果省略它，它仍然會返回true？

這將需要爲返回true：

http://www.example.com/?argumentshere

和

http://www.example.com/example/anythinghere/?argumentshere

以及這些相同的URL 沒有額外的參數。

Answer 1

嘗試以下的正則表達式：

^http:\/\/www\.example\.com(?:\/example\/[^\/]+\/?)?\??.*$ 

regex101 demo

Answer 2

您可以構建不帶參數的URL並將其與當前表達式進行比較。

location.protocol + '//' + location.host + location.pathname 

How to get the URL without any parameters in JavaScript?

Answer 3

升級我一個答案評論：

/^http:\/\/www\.example\.com\/(?:example\/[^\/]+\/?)?$/; 

Meanse：

/^ # start of string 
     http:\/\/www\.example\.com\/ #literal http://www.example.com/ 
     (?:   
     example\/[^\/]+\/? #followed by example/whatever (optionally closed by /) 
    )? 
     $ end-of-string 
/

這裏的主要問題，是你的要求（「跟着一個可選的查詢字符串」）不匹配您的正則表達式（這需要結束串的）。我們通過以下方式解決它：

/^ # start of string 
     http:\/\/www\.example\.com\/ #literal http://www.example.com/ 
     (?:   
     example\/[^\/]+\/? #followed by example/whatever (optionally closed by /) 
    )? 
     (\?|$) followed by either an end-of-string (original), or a literal `?` (which in url context means the rest is a query string and not a path anymore). 
/