js获取URl查询字符串的参数，并用正则表达式匹配获取参数值

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_40713392/article/details/85722079

例如，一个URI为：https://mp.csdn.net/mdeditor?ad=2&wq=5
首先，js获取URI查询字符串
window.location.search：该方法可设置或者返回URL的查询部分
得到：?ad=2&wq=5
那么，如何用正则表达式匹配，并获取查询参数得值呢？
用如下代码：

function getQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r != null) {
     		return  unescape(r[2]); 
     } else{
     		return null
     };
}

(^|&)这里匹配空开头的或者&开头的字符串，举个例子，如：“ad”，"&ad"都可以。
用以下代码测试：

var reg = new RegExp("(^|&)" +"ad"+"=([^&]*)(&|$)")
var str = "ad=2"
console.log(str.match(reg))

结果为：

这里我们大概能看出那个获取URL查询参数的函数中为啥用r[2]了。
该数组中索引为1和3的值为空，这里的值分别是根据正则表达式的(^|&)和(&|$)两个子表达式而来的。例如，若str="&ad=2"，则索引为1的值为&。若str=“ad=2&”，则索引为3的值为&
([^&]*)这个意思是不能以0个或者多个&开头
(&|$)后面是&或者以空结尾的字符串，如"&ad"，“ad”。
因此，该正则表达式匹配的情况如下：
"ad=2"传参ad就得到2
"ad=2&cd=3"传参cd得到3