欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何对url的的参数进行一个对象转化

程序员文章站 2022-03-31 11:48:07
本例子是直接写在一个react组件中的 不过方法还是原生的方法 不多说 直接上代码 比如我们有一个 url: 'www.zhangfeng.com?id=1&name=zhangfeng&age=18' handleUrl() { // 获取一个一个url后面的参数 这里用到了字符串的截取方法sub ......

本例子是直接写在一个react组件中的 不过方法还是原生的方法

不多说 直接上代码

比如我们有一个 

url: 'www.zhangfeng.com?id=1&name=zhangfeng&age=18'
 
handleUrl() {
  // 获取一个一个url后面的参数 这里用到了字符串的截取方法substring 还有indexof来查询?的位置 我们先截取?后面的参数字符串
  const str = url.substring(url.indexOf('?') + 1)
  // 以&为分割点 把参数字符串转化为数组
  const arr = str.split('&')
  let newArr = []
  let params = {}
  // 对数组的每一项进行一个循环处理 再按照等号进行分隔 然后保存到对象中中
  arr.forEach((e, index) => {
    newArr = e.split('=')
    params[newArr[0]] = newArr[1]
  })
  // 最后这个params就是我们需要的参数对象
}

好了 就是这么简单咯