17.解析URL Params为对象格式

let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';
parseParam(url)
/* 结果
{ user: 'anonymous',
  id: [ 123, 456 ], // 重复出现的 key 要组装成数组,能被转成数字的就转成数字类型
  city: '北京', // 中文需解码
  enabled: true, // 未指定值得 key 约定为 true
}
*/

 

function parseURL(url){
  //将参数部分提取出来
  const paramStr = url.split('?')[1];
  //将各个参数分割转为数组
  const paramArr = paramStr.split('&');
  //初始化参数对象
  const paramObj = {}

  paramArr.forEach((param) =>{
    //如果有值
    if(/=/.test(param)){
      //分割键值
      let [key,val] = param.split('=')
      //对值进行解码
      val = decodeURIComponent(val);
      //如果是数字则转化为数字类型
      val = /^\d+$/.test(val) ? parseFloat(val) : val 
      //如果对象已经有该键
      if(paramObj.hasOwnProperty(key)){
        paramObj[key] = [].concat(paramObj[key],val);
      }else{
      //若没有该键
        paramObj[key] = val
      }
    }
    //如果没有值,则默认为Boolean类型,设置为true
    else {
      paramObj[param] = true 
    }
  })
  return paramObj
}

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值