js 解析URL参数为对象

最新推荐文章于 2024-06-27 11:02:52 发布

倔强的小绵羊

最新推荐文章于 2024-06-27 11:02:52 发布

阅读量2.4k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/lhz_333/article/details/115698322

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了如何解析URL查询参数并将其转换为JSON对象，以及如何从URL中获取特定参数值。通过示例代码展示了JavaScript函数getUrlQuery和getQueryString的实现，帮助理解URL参数操作。

摘要由CSDN通过智能技术生成

前言

记录下解析 URL 参数为 json 对象的方法。

1、解析 URL 参数为对象

function getUrlQuery(url) {
  let str = url.substr(url.indexOf('?') + 1)
  let json = new Object()
  const arr = str.split('&')
  for(let i = 0; i < arr.length; i++) {
    let item = arr[i].split('=')
    json[item[0]] = item[1]
  }
  return json
}

const url = "https://www.google.com/search?q=node&rlz=1C1GCEU_zh-CNHK904HK904&oq=node&aqs=chrome..69i57j69i59l2j0l4j69i65.767j0j1&sourceid=chrome&ie=UTF-8"
console.log(getUrlQuery(url))

运行结果：
在这里插入图片描述
2、获取 URL 中的某个参数值

function getQueryString(url, name) {
  const newUrl = new URL(url)
  return newUrl.searchParams.get(name)
}

const url = "https://www.google.com/search?q=node&rlz=1C1GCEU_zh-CNHK904HK904&oq=node&aqs=chrome..69i57j69i59l2j0l4j69i65.767j0j1&sourceid=chrome&ie=UTF-8"
console.log(getQueryString(url, 'aqs'))