JS 获取url参数并保存在对象中

最新推荐文章于 2023-10-19 21:06:36 发布

hahalang-

最新推荐文章于 2023-10-19 21:06:36 发布

阅读量604

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/sinat_40697723/article/details/88342647

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于从URL中解析并返回一个包含所有查询参数的对象。通过使用该函数，可以轻松地获取URL中的参数，并将其转换为JSON格式，便于进一步的数据处理。

const urlJson = url => {
	  let obj = {};
	  let arr = url.slice(url.indexOf('?') + 1).split('&');
	  arr.forEach(item => {
	    let arr1 = item.split('=');
	    obj[arr1[0]] = arr1[1];
	  });
	  return obj;
}
console.log(urlJson('https://www.baidu.com/s?wd=js%E5%8F%96%E5%87%BAurl%E5%B9%B6%E4%B8%94%E8%BF%94%E5%9B%9E%E5%AF%B9%E8%B1%A1&rsv_spt=1&rsv_iqid=0xb7dfd75e00054fee&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=js%25E5%258F%2596%25E5%2587%25BAurl%25E5%25B9%25B6%25E4%25B8%2594%25E8%25BF%2594%25E5%259B%259Ejson&rsv_t=4579z%2Brt3a12l0qR9a1gdrgcrqjGJYTHZAkvMyZzlFa%2Fg79A1MhtSTLucusVQuhpDQox&inputT=3249&rsv_pq=b93225c6000106bb&rsv_sug3=224&rsv_sug1=110&rsv_sug7=100&rsv_sug2=0&rsv_sug4=3818'));

结果：