location.search 转换为 JS 对象

最新推荐文章于 2022-04-12 18:36:45 发布

CN_CKG__KK

最新推荐文章于 2022-04-12 18:36:45 发布

阅读量3.2w

点赞数 3

分类专栏：笔记文章标签： location JS

本文链接：https://blog.youkuaiyun.com/stormyk/article/details/93601072

版权

笔记专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用JavaScript解析URL中查询字符串的方法，通过一个具体的函数实现，能够将复杂的URL参数转换为易于操作的对象形式，方便网页应用进行参数处理。

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

"use strict";

var searchObj = function searchObj(search) {
  return JSON.parse("{\"".concat(decodeURIComponent(search.substring(1)).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"'), "\"}"));
};

假如请求url为

‘https://www.baidu.com?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=js&rsv_pq=a86b5e5f0007bceb&rsv_t=1e1fAVan%2BVlnkhJHFB0BIGLdLM2slszYMJBTTfFkmyyBUzBpw0ggeuVDE50&rqlang=cn&rsv_enter=0&inputT=1287&rsv_sug3=5&rsv_sug1=3&rsv_sug7=101&rsv_sug2=0&rsv_sug4=1907’

那么 window.location.search 就为：

let search = ‘?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=js&rsv_pq=a86b5e5f0007bceb&rsv_t=1e1fAVan%2BVlnkhJHFB0BIGLdLM2slszYMJBTTfFkmyyBUzBpw0ggeuVDE50&rqlang=cn&rsv_enter=0&inputT=1287&rsv_sug3=5&rsv_sug1=3&rsv_sug7=101&rsv_sug2=0&rsv_sug4=1907’

调用

searchObj(search)

结果

  {
	ie: "utf-8", f: "8", rsv_bp: "1", rsv_idx: "1", tn: "baidu",
	f: "8"
	ie: "utf-8"
	inputT: "1287"
	rqlang: "cn"
	rsv_bp: "1"
	rsv_enter: "0"
	rsv_idx: "1"
	rsv_pq: "a86b5e5f0007bceb"
	rsv_sug1: "3"
	rsv_sug2: "0"
	rsv_sug3: "5"
	rsv_sug4: "1907"
	rsv_sug7: "101"
	rsv_t: "1e1fAVan+VlnkhJHFB0BIGLdLM2slszYMJBTTfFkmyyBUzBpw0ggeuVDE50"
	tn: "baidu"
	wd: "js"
}