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
}

你可能感兴趣的:(前端面试JS手写篇,前端,javascript,开发语言)