js利用正则表达式获取url路由名称和参数

最新推荐文章于 2022-10-14 10:06:34 发布

前端技术负责人

最新推荐文章于 2022-10-14 10:06:34 发布

阅读量1.5k

点赞数

分类专栏：正则表达式文章标签： js

本文链接：https://blog.csdn.net/weixin_43837268/article/details/117258521

版权

正则表达式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

获取路由

console.log('页面url路由名称',window.location.hash.split('?')[0].replace(/(#|\/)/g,''));

获取参数

initRouteQuery() {
      var strUrl = window.location.hash.split("?")[1].replace(/%3A/g,':');
      //拼接数组
      var arrUrl = strUrl.split("&");
      var arrUrl1 = arrUrl.map((ele) => ele.split("="));
      var sendObj = {};
      for (let index = 0; index < arrUrl1.length; index++) {
        if (sendObj[arrUrl1[index][0]] == undefined) {
          sendObj[arrUrl1[index][0]] = [decodeURI(arrUrl1[index][1])];
        } else {
          sendObj[arrUrl1[index][0]].push(decodeURI(arrUrl1[index][1]));
        }
      }
      for (const key in sendObj) {
        if (sendObj[key].length == 1) {
          sendObj[key] = sendObj[key][0];
        }
      }
      return sendObj;
    },