function getQueryData() {
    let params = new URLSearchParams(location.search.replace(/\?/ig, ""));
    let data = {}
    for(let index of params){
      data[index[0]] = index[1] || ''
    }
    return data;
}
例如：网址为“http://xx.xx.com/?a=1&b=2&c=3”
getQueryData() //{a: "1", b: "2", c: "3"}

注意：IE浏览器不支持，可以用在微信公众号开发中

获取 url 中的参数

1. 指定参数名称，返回该参数的值 或者 空字符串；
2. 不指定参数名称，返回全部的参数对象 或者 {}；
3. 如果存在多个同名参数，则返回数组 ；

题目来源(在线编辑)：www.nowcoder.com/practice/a3…（牛客网）

解一：使用字符串拼接匹配字符；

/*  获取URl中的参数
* @para url 
* @para key 参数名*/
function getUrlParam(sUrl, sKey) {
    var left= sUrl.indexOf("?") + 1
    var right= sUrl.lastIndexOf("#")
    var parasString = sUrl.slice(left, right)
    var paras = parasString.split('&');
    var parasjson = {}
    paras.forEach(function (value, index, arr) {
        var a = value.split('=');
        parasjson[a[0]] !== undefined ? parasjson[a[0]] = [].concat(parasjson[a[0]], a[1]) : parasjson[a[0]] = a[1];
    });

    let result = arguments[1] !== void 0 ? (parasjson[arguments[1]] || '') : parasjson;
    return result
}复制代码

解二：使用正则表达式匹配字符，并使用正则Replace方法替换；

function getUrlParam2(sUrl, sKey) {
    var result, Oparam = {};
    sUrl.replace(/[\?&]?(\w+)=(\w+)/g, function ($0, $1, $2) 
        console.log('$0:' + $0 + "     $1:" + $1 + "     $2:" + $2);
        Oparam[$1] === void 0 ? Oparam[$1] = $2 : Oparam[$1] = [].concat(Oparam[$1], $2);
    });
    sKey === void 0 || sKey === '' ? result = Oparam : result = Oparam[sKey] || '';
    return result;
}复制代码

此处注明正则：/[\?&]?(\w+)=(\w+)/g（使用Regexper在线工具将正则转成可视化的图形，简单易懂）

regexper.com/

解三：使用正则表达式匹配字符，并使用正则Exec方法进行组装；

function getUrlParam3(sUrl, sKey) {
    var resObj = {};
    var reg = /(\w+)=(\w+)/g;
    while (reg.exec(sUrl)) {
        resObj[RegExp.$1] ? resObj[RegExp.$1] = [].concat(resObj[RegExp.$1], RegExp.$2) : resObj[RegExp.$1] = RegExp.$2;
    }
    if (sKey) {
        return (resObj[sKey] ? resObj[sKey] : '');
    }
    return resObj;
}复制代码

此处注明正则：/(\w+)=(\w+)/g

MDN RegExp exec 方法API：developer.mozilla.org/zh-CN/docs/…

测试：

let url = 'http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe'
let result = getUrlParam(url)
let result2 = getUrlParam(url, 'key')
console.log(result)
console.log(result2)复制代码

控制台输出结果如图：

AC!!!

作者：立志搬砖造福生活
链接：https://juejin.im/post/5b84bff9f265da437e4d86c9
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

URL参数解析

//获取url方法
//window.location.href
//
function getUrlkey(url){
  var params = {},
      arr = url.split("?");
  if (arr.length <= 1)
      return params;
  arr = arr[1].split("&");
  for(var i=0, l=arr.length; i<l; i++){
      var a = arr[i].split("=");
      params[a[0]] = a[1];
  }
  return params;
}
var url = "http://www.chenwenbo.info?key0=0&key1=1&key2=2",
  ps = getUrlkey(url);
console.log(ps["key1"]);