Js获取Url地址参数的几种方法

方法一 URLSearchParams()函数

geturlparam(){
        let that=this
        // window.location.href 获取地址
        let url = https://xxxx.com/xxx/demo?type=1&id=2
        let p=url.split(?)[1]
        let params=new URLSearchParams(p)
        console.log(params.get(type)) //1
        console.log(params.get(id))   //2
      }

方法二 split()截取

geturlparam() {
        let that = this
        // window.location.href 获取地址
        let url = https://xxxx.com/xxx/demo?type=1&id=2
        let p = url.split(?)[1]
        let keyValue = p.split(&);
        let obj = {};
        for (let i = 0; i < keyValue.length; i++) {
          let item = keyValue[i].split(=);
          let key = item[0];
          let value = item[1];
          obj[key] = value;
        }
        console.log(keyValue); //  [type=1,id=2]
        console.log(obj);      //  {type:1,id:2}
      },

上述两种方法的地址是比较规范的，像只以 / 连接的地址我一般是这种方法，也是split截取

geturlparam() {
        let that = this
        // window.location.href 获取地址
        let url = https://xxxx.com/xxx/demo/type/1/id/2
        if (url.indexOf(/type/) != -1) {
          that.type = url.split("/type/")[1].split("/")[0]; //1
          that.id = url.split("/id/")[1].split("/")[0]; //2
        }
      },

split比较随心所欲，看自己业务需求，想怎么截就怎么截