地址解析成对象--JS

溪ｉ

于 2022-11-01 09:44:24 发布

阅读量115

点赞数 1

分类专栏： JS遇到过得面试题文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_44891495/article/details/127627396

版权

JS遇到过得面试题专栏收录该内容

13 篇文章 0 订阅

订阅专栏

解析URL：

const ur = "https://www.baidu?width=251&height=360&pdi=85#name"
const parms = queryParse(ur)
console.log(parms)//{width:251,height:360,pdi:85}

function queryParse(url) {
  //1.遇到?分隔字符串   indexOf + slice
  const params = url.slice(url.indexOf('?') + 1);

  /*indexOf返回指定字符在字符串中首次出现的位置的下标*/
  /*slice截取字符串 参数1：开始位置 参数2：结束位置(省略会截取后面所有字符串)*/

  //2.将字符串按&分隔为数组
  const paramsArray = params.split('&');

  //3.创建一个对象
  const obj = {};

  //4.遍历数组
  for (let i = 0; i < paramsArray.length; i++) {

    const temp = paramsArray[i].split('=');

    if (paramsArray[i].includes('#')) {
      obj[temp[0]] = temp[1].split('#')[0];
    }else{
      obj[temp[0]] = temp[1]
    }
  }
  return obj;
}