javascript使用RegExp正则封装一个获取地址栏参数方法

追逐梦想之路_随笔

已于 2022-07-31 11:28:51 修改

阅读量259

点赞数

分类专栏： javaScript实战篇文章标签： javascript

于 2022-07-31 11:27:55 首次发布

本文链接：https://blog.csdn.net/qq_44472790/article/details/126083496

版权

javaScript实战篇专栏收录该内容

49 篇文章 1 订阅

订阅专栏

处理地址栏参数
示例路径:https://www.baidu.com/s?wd=11&rsv_spt=1&rsv_iqid=0x9b723bb400023df2&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=0&rsv_dl=tb&rsv_sug3=3&rsv_sug1=2&rsv_sug7=100&rsv_btype=i&prefixsug=11&rsp=1&inputT=1529&rsv_sug4=1958#baidu

      String.prototype.queryURLParams = function () {
        let strs = this,
          obj = {},
          //取左边和右边不包含?=&#特殊字符的参数
          regs = /([^?=&#]+)=([^?=&#]+)/g,
          //取# 是非 ?=&#特殊字符的zhi
          regs2 = /#([^?=&#]+)/g;
		//  $1, $2 分别代表左边匹配的第一个参数属性和属性值
        strs.replace(regs, (_, $1, $2) => {
          obj[$1] = $2;
        });

        strs.replace(regs2, (_, $1) => {
          obj['hash'] = $1;
        });

        return obj;
      };

      const strps = `https://www.baidu.com/s?wd=11&rsv_spt=1&rsv_iqid=0x9b723bb400023df2&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=0&rsv_dl=tb&rsv_sug3=3&rsv_sug1=2&rsv_sug7=100&rsv_btype=i&prefixsug=11&rsp=1&inputT=1529&rsv_sug4=1958#baidu`;
      console.log(strps.queryURLParams());
		// 打印结果
		{
	    "wd": "11",
	    "rsv_spt": "1",
	    "rsv_iqid": "0x9b723bb400023df2",
	    "issp": "1",
	    "f": "8",
	    "rsv_bp": "1",
	    "rsv_idx": "2",
	    "ie": "utf-8",
	    "tn": "baiduhome_pg",
	    "rsv_enter": "0",
	    "rsv_dl": "tb",
	    "rsv_sug3": "3",
	    "rsv_sug1": "2",
	    "rsv_sug7": "100",
	    "rsv_btype": "i",
	    "prefixsug": "11",
	    "rsp": "1",
	    "inputT": "1529",
	    "rsv_sug4": "1958",
	    "hash": "baidu"
	}