如何对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就是我们需要的参数对象
}
好了 就是这么简单咯
上一篇: 聂卫平:“AlphaGo给我上了一课”