小编典典

如何将 URL 参数转换为 JavaScript 对象？

all

我有一个这样的字符串：

abc=foo&def=%5Basf%5D&xyz=5

我怎样才能将它转换成这样的 JavaScript 对象？

{
  abc: 'foo',
  def: '[asf]',
  xyz: 5
}

阅读 88

2022-04-01

共1个答案

小编典典

在 2021 年…请认为这个已经过时了。

编辑

此编辑根据评论改进并解释了答案。

var search = location.search.substring(1);
JSON.parse('{"' + decodeURI(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}')

例子

解析abc=foo&def=%5Basf%5D&xyz=5分五步：

decodeURI: abc=foo&def=[asf]&xyz=5
转义引号：相同，因为没有引号
代替＆：abc=foo","def=[asf]","xyz=5
替换=：abc":"foo","def":"[asf]","xyz":"5
用卷曲和引号环绕：{"abc":"foo","def":"[asf]","xyz":"5"}

这是合法的 JSON。

改进的 解决方案 允许搜索字符串中包含更多字符。它使用 reviver 函数进行 URI 解码：

var search = location.search.substring(1);
JSON.parse('{"' + search.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) })

例子

search = "abc=foo&def=%5Basf%5D&xyz=5&foo=b%3Dar";

给

Object {abc: "foo", def: "[asf]", xyz: "5", foo: "b=ar"}

原始答案

单线：

JSON.parse('{"' + decodeURI("abc=foo&def=%5Basf%5D&xyz=5".replace(/&/g, "\",\"").replace(/=/g,"\":\"")) + '"}')

2022-04-01