Javascript 查询字符串参数组装成对象

最新推荐文章于 2023-01-09 09:45:52 发布

Jason_wu86

最新推荐文章于 2023-01-09 09:45:52 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

分类专栏：普通文章

本文链接：https://blog.youkuaiyun.com/weixin_40650646/article/details/82804007

普通文章专栏收录该内容

64 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于解析URL中的查询字符串，并将其转换为一个易于操作的对象。该函数能够处理编码过的参数名和值，适用于各种Web开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虽然通过ocation 对象的可以得到大多数信息，但其中访问 URL 包含的查询字符串的属性并不方便。尽管 location.search 返回从问号到 URL 末尾的所有内容，但却没有办法逐个访问其中的每个查询字符串参数。为此，可以像下面这样创建一个函数，用以解析查询字符串，然后返回包含所有参数的一个对象：

function getQueryStringArgs() {
  //取得查询字符串并去掉开头的问号
  var qs = (location.search.length > 0 ? location.search.substring(1) : ""),

    //保存数据的对象
    args = {},

    //取得每一项
    items = qs.length ? qs.split("&") : [],
    item = null,
    name = null,

    value = null,
    //在 for 循环中使用
    i = 0,
    len = items.length;
  //逐个将每一项添加到 args 对象中
  for (i = 0; i < len; i++) {
    item = items[i].split("=");
    name = decodeURIComponent(item[0]);
    value = decodeURIComponent(item[1]);
    if (name.length) {
      args[name] = value;
    }
  }

  return args
}

举个例子：

http://www.renjie.net.cn/index.html?name=%22jason%22&sex=1

在上面这个地址下用 getQueryStringArgs() 就可以得到如下对象：{name: ""jason"", sex: "1"}