url转为对象拼接路径

付进不是附近

已于 2023-03-30 16:45:47 修改

阅读量123

点赞数

文章标签： javascript 前端开发语言

于 2023-03-30 16:36:22 首次发布

本文链接：https://blog.csdn.net/qq_62809806/article/details/129860271

版权

将url转为一个对象

效果图：
在这里插入图片描述
代码部分：

function urlToObject(url: string) {
    let regex = /[?&]([^=#]+)=([^&#]*)/g
    let params: any = {}
    let match
    while ((match = regex.exec(url))) {
        params[decodeURIComponent(match[1])] = decodeURIComponent(match[2])
    }
    return {
        path: url.split('?')[0],
        params: params
    }
}


// 使用示例
  let url = 'https://www.baidu.com/?cp_id=1028026&cp_order_id=20230330151021108&cp_user_id=0&imei=&imsi=&mobile_phone=18922432474&order_time=20230330151022&order_type=17&product_id=930327399&reback_url=https://www.baidu.com/#/Order&sign_msg=638eca2cf92477bcb0af073d930c2a5a'
  let obj = urlToObject(url)
  console.log(obj) // url拆分得到的对象
  console.log(obj.path) // https://www.baidu.com/
  console.log(obj.params) // 转为对象的数据，上面的效果图
        
// 根据自己想要的顺序拼接
  let urlData = `${obj.path}?cp_id=${obj.params.cp_id}&cp_order_id=${obj.params.cp_order_id}&cp_user_id=${obj.params.cp_user_id}&imei=${obj.params.cp_id}&imsi=${obj.params.imsi}&mobile_phone=${obj.params.mobile_phone}&order_time=${obj.params.order_time}&order_type=${obj.params.order_type}&product_id=${obj.params.product_id}&sign_msg=${obj.params.sign_msg}&reback_url=https://www.baidu.com/#/Order`