给定一段 URL 地址截取后面的参数转成对象(key-value形式)

最新推荐文章于 2023-12-23 20:17:22 发布

原创最新推荐文章于 2023-12-23 20:17:22 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了如何使用JavaScript解析URL中的GET参数，将其转换为键值对JSON对象，适用于动态参数处理。

给定一段 URL 地址截取后面的 GET 参数转成对象

有这样一个 URL： http://xxxxrerr.htm?a=1&b=2&c=&d=xxx&e，请写一段 JS 程序提取 URL 中的各个 GET 参数(参数名和参数个数不确定)，将其按 key-value形式返回到一个 json 结构中，如 {a: "1", b: "2", c: "", d: "xxx", e: undefined}

// 有这样一个 URL： http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e，请写一段 JS 程序提取 URL 中的各个 GET 参数
// (参数名和参数个数不确定)，将其按 key-value形式返回到一个 json 结构中，
// 如 {a: "1", b: "2", c: "", d: "xxx", e: undefined}

// 给定一段 url 地址
let str = 'http://xxxxrerr.htm?a=1&b=2&c=&d=xxx&e'

// 先把字符 ? 后面的字符截取出来
let newStr = str.substr(str.indexOf('?') + 1)

// 通过 reduce 方法进行处理
let newObj = newStr.split('&').reduce((obj, item) => {
  let itemArr = item.split('=') // ['a', '1']
  obj[itemArr[0]] = itemArr[1] // {a: 1}
  return obj
}, {})

console.log(newObj) // {a: '1', b: '2', c: '', d: 'xxx', e: undefined}

还有一种更加帅气的写法

// 给定一段 url 地址
let str = 'http://xxxxrerr.htm?a=1&b=2&c=&d=xxx&e'

// 先把字符 ? 后面的字符截取出来
let newStr = str.substr(str.indexOf('?') + 1)

// 通过 reduce 方法进行处理
let newObj = newStr.split('&').reduce((obj, item) => ((obj[item.split('=')[0]] = item.split('=')[1]), obj), {})

console.log(newObj) // {a: '1', b: '2', c: '', d: 'xxx', e: undefined}