以下是用于将url查询参数解析为Object的angularJs源代码：

函数tryDecodeURIComponent（值）{尝试{返回decodeURIComponent（value）；}捕获（e）{//忽略任何无效的uri组件}}函数isDefined（value）｛return typeof value！==“undefined”；｝函数parseKeyValue（keyValue）{keyValue=keyValue.replace（/^\？/，“”）；var obj={}，key_value，key；var iter=（keyValue||“”）.split（'&'）；对于（var i=0；i<iter.length；i++）{var kV值=iter[i]；if（kV值）{key_value=kV值。替换（/\+/g，“%20”）。拆分（“=”）；key=tryDecodeURIComponent（key_value[0]）；if（isDefined（键））{var val=isDefined（key_value[1]）？tryDecodeURIComponent（key_value[1]）：true；if（！hasOwnProperty.call（obj，key））{obj[key]=val；}else-if（isArray（obj[key]））{obj[key].push（val）；}其他{obj[key]=[obj[key]，val]；}}}};返回obj；}警报（JSON.stringify（parseKeyValue（'？a=1&b=3&c=m2-m3-m4-m5'）））；

您可以将此函数添加到window.location：

window.location.query = function query(arg){
  q = parseKeyValue(this.search);
  if (!isDefined(arg)) {
    return q;
  }      
  if (q.hasOwnProperty(arg)) {
    return q[arg];
  } else {
    return "";
  }
}

// assuming you have this url :
// http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5

console.log(window.location.query())

// Object {a: "1", b: "3", c: "m2-m3-m4-m5"}

console.log(window.location.query('c'))

// "m2-m3-m4-m5"

您可以简单地使用核心javascript以js对象的形式获取参数的键值：

var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5";
var url = new URL(url_string);
let obj = {};
var c = url.searchParams.forEach((value, key) => {
  obj[key] = value;
});
console.log(obj);

我见过的大多数实现都错过了URL对名称和值的解码。

下面是一个通用的实用程序函数，它也可以进行正确的URL解码：

function getQueryParams(qs) {
    qs = qs.split('+').join(' ');

    var params = {},
        tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;

    while (tokens = re.exec(qs)) {
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    }

    return params;
}

//var query = getQueryParams(document.location.search);
//alert(query.foo);

这里是一个递归解决方案，它没有正则表达式，并且具有最小的变异（只有params对象被变异，我认为这在JS中是不可避免的）。

太棒了，因为它：

是递归的处理多个同名参数处理格式错误的参数字符串（缺少值等）如果“=”在值中，则不中断执行URL解码最后，这太棒了，因为它……啊！！！

代码：

var get_params = function(search_string) {

  var parse = function(params, pairs) {
    var pair = pairs[0];
    var parts = pair.split('=');
    var key = decodeURIComponent(parts[0]);
    var value = decodeURIComponent(parts.slice(1).join('='));

    // Handle multiple parameters of the same name
    if (typeof params[key] === "undefined") {
      params[key] = value;
    } else {
      params[key] = [].concat(params[key], value);
    }

    return pairs.length == 1 ? params : parse(params, pairs.slice(1))
  }

  // Get rid of leading ?
  return search_string.length == 0 ? {} : parse({}, search_string.substr(1).split('&'));
}

var params = get_params(location.search);

// Finally, to get the param you want
params['c'];

优雅、实用的解决方案

让我们创建一个包含URL参数名作为关键字的对象，然后我们可以通过其名称轻松提取参数：

// URL: https://example.com/?test=true&orderId=9381  

// Build an object containing key-value pairs
export const queryStringParams = window.location.search
  .split('?')[1]
  .split('&')
  .map(keyValue => keyValue.split('='))
  .reduce<QueryStringParams>((params, [key, value]) => {
    params[key] = value;
    return params;
  }, {});

type QueryStringParams = {
  [key: string]: string;
};


// Return URL parameter called "orderId"
return queryStringParams.orderId;

我们可以以更简单的方式获取c参数值，而不必循环所有参数，请参见下面的jQuery获取参数。

1.获取参数值：

var url = "www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5";

url.match(**/(c=)[0-9A-Za-z-]+/ig**)[0].replace('c=',"")

(or)

url.match(**/(c=)[0-z-]+/ig**)[0].replace('c=',"")

以字符串形式返回

“m2-m3-m4-m5”

2.要替换参数值：

var url = "www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5";

url.replace(**/(c=)[0-9A-Za-z-]+/ig, "c=m2345"**)