以json形式从window.location中的搜索对象中提取所有url参数

export const getURLParams = location => {
    const searchParams = new URLSearchParams(location.search)
    const params = {}

    for (let key of searchParams.keys()) {
        params[key] = searchParams.get(key)
    }

    return params
}

console.log(getURLParams({ search: '?query=someting&anotherquery=anotherthing' }))

// --> {query: "someting", anotherquery: "anotherthing"}

我使用parseUri库。它允许您完全按照您的要求进行操作：

var uri = 'www.test.com/t.html&a=1&b=3&c=m2-m3-m4-m5';
var c = uri.queryKey['c'];
// c = 'm2-m3-m4-m5'

以下是我所做的：

var uriParams = getSearchParameters();
alert(uriParams.c);


// background functions:

// Get object/associative array of URL parameters
function getSearchParameters () {
  var prmstr = window.location.search.substr(1);
  return prmstr !== null && prmstr !== "" ? transformToAssocArray(prmstr) : {};
}

// convert parameters from url-style string to associative array
function transformToAssocArray (prmstr) {
  var params = {},
      prmarr = prmstr.split("&");

  for (var i = 0; i < prmarr.length; i++) {
    var tmparr = prmarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
  }
  return params;
}

这是我的解决方案。正如Andy E在回答这个问题时所建议的那样，如果只是为了获得一个值而重复构建各种正则表达式字符串、运行循环等，对脚本的性能没有好处。因此，我提出了一个更简单的脚本，它在一个对象中返回所有GET参数。您应该只调用它一次，将结果分配给一个变量，然后在将来的任何时候，使用适当的键从该变量中获得您想要的任何值。注意，它还负责URI解码（例如%20），并用空格替换+：

 function getUrlQueryParams(url) {
  var queryString = url.split("?")[1];
  var keyValuePairs = queryString.split("&");
  var keyValue = [];
  var queryParams = {};
  keyValuePairs.forEach(function(pair) {
    keyValue = pair.split("=");
    queryParams[keyValue[0]] = decodeURIComponent(keyValue[1]).replace(/\+/g, " ");
});
  return queryParams;
}

下面是脚本的一些测试，供您查看：

// Query parameters with strings only, no special characters.
var currentParams = getUrlQueryParams("example.com/foo?number=zero");
alert(currentParams["number"]); // Gives "zero".

// For the URL you stated above...
var someParams = getUrlQueryParams("www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5 ");
alert(someParams["c"]); // Gives "m2-m3-m4-m5".

// For a query params with URI encoding...
var someParams = getUrlQueryParams("www.example.com/t.html?phrase=a%20long%20shot&location=Silicon+Valley%2C+USA");
alert(someParams["phrase"]); // Gives "a long shot".
alert(someParams["location"]); // Gives "Silicon Valley, USA".

浏览器供应商已经通过URL和URLSearchParams实现了一种本地方式。

let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c'));  // outputs "m2-m3-m4-m5"

目前支持Firefox、Opera、Safari、Chrome和Edge。有关浏览器支持的列表，请参阅此处。

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParamshttps://developer.mozilla.org/en-US/docs/Web/API/URL/URL

https://url.spec.whatwg.org/

谷歌工程师埃里克·比德尔曼（Eric Bidelman）建议在不受支持的浏览器上使用这种polyfill。

Eldon McGuinness的Gist是迄今为止我见过的JavaScript查询字符串解析器的最完整的实现。

不幸的是，它是作为jQuery插件编写的。

我将其重写为vanilla JS，并做了一些改进：

函数parseQuery（str）{var qso=｛｝；var qs=（str|| document.location.search）；//检查是否有空的查询字符串如果（qs==“”）{回归qso；}//规范化查询字符串qs=qs.replace（/（^\？）/，“”）.replace（/；/g，“&”）；而（qs.indexOf（“&&”）！=-1) {qs=qs.替换（/&&/g，'&'）；}qs=qs.replace（/（[\&]+$）/，“”）；//将查询字符串拆分为多个部分qs=qs.拆分（“&”）；//生成querystring对象对于（变量i=0；i<qs.length；i++）{var qi=qs[i].split（“=”）；qi=qi.map（函数（n）{返回decodeURIComponent（n）});if（类型qi[1]==“未定义”）{qi[1]=空；}if（qso[qi[0]的类型！==“未定义”）{//如果键已经存在，则将其设置为对象if（typeof（qso[qi[0]）==“string”）{var temp=qso[qi[0]]；如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=[]；qso[qi[0]].推（温度）；qso[qi[0]。push（qi[1]）；}否则如果（typeof（qso[qi[0]）==“对象”）{如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]。push（qi[1]）；}}其他{//如果没有键，只需将其设置为字符串如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=qi[1]；}}回归qso；}//演示console.log（parseQuery（“？foo=bar&foo=boo&roo=bar；bee=bop；=ghost；=ghost2；&；checkbox%5B%5D=b1；checkbox%5 B%5D=b2；dd=；http=http%3A%2F%2Fw3schools.com%2My%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&http=http%2A%2F%3F%2Fw3schools2.com%2Fmy%20est.asp%3Fame%3Dst%A5%A5le%26car%3Dsaab”）；

另请参见此Fiddle。