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

本例子是直接写在一个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就是我们需要的参数对象

}

好了 就是这么简单咯