js解析url参数

1、采用正则，这也是现在使用最为方便的

 function getQueryString(name) {
        const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        const urlObj=window.location;
        var r =urlObj.href.indexOf('#')>-1? urlObj.hash.split("?")[1].match(reg) : urlObj.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }

首先是定义一个正则，将传入的参数传入其中。

然后就是window.location.search，search()是查找字符串指定的字符,默认返回第一个字符的位置，如果没有则返回-1，不过这里的search却不是这样使用的，我们把window.location打印出来看一下

很明显window.location是一个对象，其中search是它的一个属性，对应的是href中?及以后的字符。

然后就是substr(1)，substr(index，num)是截取从index开始数量为num的字符，index是必须的，num不填的情况下默认返回之后所有的，所以substr(1)就是返回？以后的字符

math()用来返回字符串匹配的结果，如果找到了就返回数组，在加g的全局情况下，返回所有结果，在没有全局的情况下返回[匹配文本、文本相关信息]以及两个属性index就是找到的位置，input就是用来查找的字符串。

最后就是返回查找到的相关信息，不过为什么是match返回数组的第三个数，还不是很懂，有人懂话可以交流一下。非常感！

2、利用循环

function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        console.log(strs)
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}

首先就是跟正则一样，获取“?”及之后的字符，然后就是创建一个新的对象用来存储一会解析的字符信息，然后就是利用“&”将其分割为数组开始循环，再将其个根据“=”进行切割，并将其设为在之前新建对象的属性。最后返回对象就可以了。