获取浏览器地址,把参数转换为对象

思路:

1. 获取浏览器url地址
2. 去掉问号之前协议 域名 端口 访问的地址
3. 把浏览器url地址分割成新的字符串
4. 看字符串规律, 字符串转换为数组
5. 循环数组,再次把数组中的转换二维数组
6. 二维数组分别赋值给对象

直接上代码

 onLoad(){
    this.index()
  },
  methods:{
    index(){
      // 新对象
      let obj = new Object();
      // let url = window.location.href  // url 地址
      let url = 'http://localhost:8080/?id=2&type=1&age=20'; // 模拟url 地址
      let urlIndex = url.indexOf("?"); // 查看? 位置为多少  22
      // 截取字符串,urlIndex是从下标开始的,应此加一
      let str = url.substr(urlIndex+1,url.toString().length); 
      console.log('str',str); // 打印 id=2&type=1&age=20
      let strList = str.split("&") // ['id=2', 'type=1', 'age=20']
      for (let i = 0; i < strList.length; i++) {
          // let key = strList[i].split("=")[0]; // 如 id
          // let value = strList[i].split("=")[1]; // 如 2
          // obj[key] = value
          // 合成
          obj[strList[i].split("=")[0]] = strList[i].split("=")[1];
      }
      console.log(obj,'obj'); // {id: '2', type: '1', age: '20'}
      return obj;
    },
   }