请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      var url =
        "https://example.com/#/product/productHome?catalogCode=GC&tabKey=GOC&roleType=GOC";

      function parseQueryString(url) {
        //定义一个对象,把解析出来的对象放进去
        var param = {};
        var str = url.split("?");
        str = str[1];
        str = str.split("&");
        for (i = 0; i < str.length; i++) {
          var obj = str[i].split("=");
          //   if (i == 0) {
          // console.log(obj);
          //每次的obj[0]肯定是不一样的,先把 对应的值放到数组,然后再根据索引来赋值给对象作为key,value值
          param[obj[0]] = obj[1];
          //   }

          console.log(str[i]);
        }
        console.log(str);
        // param["tabKey"] = "GOC";  key值唯一,所以我再加相同的是无效的
        console.log(param);

        return "haha";
      }

      var paramObj = parseQueryString(url);
      console.log(paramObj);
      //   console.log(paramObj.catalogCode, paramObj.tabKey, paramObj.roleType);
    </script>
  </head>
  <body></body>
</html>


Guess you like

Origin blog.csdn.net/liulang68/article/details/121274939