当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 如何对url的的参数进行一个对象转化

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

2018年04月18日  | 移动技术网IT编程  | 我要评论
本例子是直接写在一个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就是我们需要的参数对象
}

好了 就是这么简单咯

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网