從Url中獲取某一參數的參數值:var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");詳解

下面代碼時從url中獲取參數名為name的參數值

? ? var getQuery = function(name) {

? ? var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

? ? var r = window.location.search.substr(1).match(reg);

? ? if (r != null)

? ? return (r[2]);

? ? return null;

? ? };


去網上查了一些資料說的不是很詳細,記錄一下,留著以后忘了回來看看:


比如我們想從url中獲取state參數,通常帶參數的Get請求url為:

http://test.html?state=102&isreturn=1

http://test.html?isreturn=1&state=102

這個正則是尋找&+url參數名字=值+& &可以沒有


下面說下一這個正則表達式:var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");


^n 的用法 : 匹配任何開頭為n的字符串

"(^|&)"+name 的含義: 匹配以&name開頭 或者 空白name 開頭的字符串

(其實|前面有空白也就是什么都沒有,也就是通配url中第一個參數或第二個參數的情況)


[^abc]的用法 : 匹配除了abc以外的其他字符

[^&]的含義 : 匹配除了&以外的任意字符 (也很好理解,因為一旦出現&說明是另一個參數了,所以不能匹配了)

[^&]*的含義 : 匹配任意數量的 除了&以外的字符 (也就是說name=后面的值一旦有&則就不向后取值了)?


n$ 的用法?: 匹配任何結尾為 n 的字符串

(&|$)的含義 : 匹配任何以&結尾 或者 以空白結尾的參數 (也就是說匹配了該參數在中間或者最后一個參數的情況)

([^&]*)(&|$)的含義?: 匹配 &之外的以任意多個 參數值,一旦遇到&或者空白就中止?

(遇到&說明到下一個參數了,也就是該參數在中間的情況,遇到空白說明沒有值了,也就是該參數為最后一個參數)


最后整個"(^|&)" + name + "=([^&]*)(&|$)的含義 :?
匹配以 &name=開頭 或者 name=開頭 中間為任意多個除了&以外的字符 一旦遇到&或者空白就中止取值


最后就是第二個參數:

i : 執行對大小寫不敏感的匹配?(也就是說 我們要的參數 state 可以匹配 state 或者 STATE 或者 StAtE 等等吧 就是對大小寫不敏感)


g :?執行全局匹配(查找所有匹配而非在找到第一個匹配后停止)


m : 執行多行匹配


補充 :?創建一個RegExp對象: new RegExp(pattern,attributes);

如果使用new關鍵字 則會創建一個RegExp對象,如果不使用new關鍵字則不會創建RegExp對象(直接當做一個正則字符串使用)

ECMAScript 標準化之前,不支持 m 屬性。如果?pattern?是正則表達式,而不是字符串,則必須省略該參數。

我在CSDN也寫了一篇:https://blog.csdn.net/weixin_44296929/article/details/101207166

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。