JS_js解析 URL Params 为对象

川长思鸟来 2022-11-19 07:45 140阅读 0赞

# 解析函数 #

function parseParam(url) { 
      const paramsStr = /.+\?(.+)$/.exec(url)[1]; // 将 ? 后面的字符串取出来
      const paramsArr = paramsStr.split('&'); // 将字符串以 & 分割后存到数组中
      let paramsObj = { };
      // 将 params 存到对象中
      paramsArr.forEach(param => { 
        if (/=/.test(param)) {  // 处理有 value 的参数
          let [key, val] = param.split('='); // 分割 key 和 value
          val = decodeURIComponent(val); // 解码
          val = /^\d+$/.test(val) ? parseFloat(val) : val; // 判断是否转为数字
    
          if (paramsObj.hasOwnProperty(key)) {  // 如果对象有 key，则添加一个值
            paramsObj[key] = [].concat(paramsObj[key], val);
          } else {  // 如果对象没有这个 key，创建 key 并设置值
            paramsObj[key] = val;
          }
        } else {  // 处理没有 value 的参数
          paramsObj[param] = true;
        }
      })
    
      return paramsObj;
    }

## 使用 ##

let url = 'http://127.0.0.1/?user=myname&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';
    parseParam(url)
    /* 结果 { user: 'myname', id: [ 123, 456 ], // 重复出现的 key 要组装成数组，能被转成数字的就转成数字类型 city: '北京', // 中文需解码 enabled: true, // 未指定值得 key 约定为 true } */

发表评论取消回复

表情：

评论列表（有 0 条评论，140人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript面试题-如何将 url 参数解析为一个对象？

将 url 参数解析为一个对象 function parseQueryString(url) { // 先将字符串通过 split 方法，以 "?

矫情吗；*/ 2023年06月14日 13:57/ 0 赞/ 15 阅读

相关 URLSearchParams和url-search-params-polyfill

URLSearchParams对象 `URLSearchParams`接口定义了与URL的查询字符串一起使用的实用程序方法。处理url的查询字符串的。兼容性：Edg

墨蓝/ 2022年12月26日 11:23/ 0 赞/ 93 阅读

相关 json解析1 - 普通json解析为java对象

案例一：（两层嵌套）请求数据： ps:一个对象包含一个对象； ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

╰半橙微兮°/ 2022年12月10日 14:58/ 0 赞/ 237 阅读

相关 JS_js解析 URL Params 为对象

解析函数 function parseParam(url) { const paramsStr = /.+\?(.+)$/.exec(url)[1]

川长思鸟来/ 2022年11月19日 07:45/ 0 赞/ 141 阅读

相关面试题：解析URL Params为对象

将url 问号后的参数转化为params对象： // 解析URL Params为对象 let str = 'http://www.xxx.com/?name=

迷南。/ 2022年11月06日 06:54/ 0 赞/ 126 阅读

相关 javascript将对象转换为url参数

function filter(str) { // 特殊字符转义 str += ''; // 隐式转换 str = str.replace(/%

骑猪看日落/ 2022年10月17日 13:44/ 0 赞/ 216 阅读

相关解析URL参数

function getArgs(){ var args =new Object(); var query=location.search.subs

旧城等待，/ 2022年08月01日 00:06/ 0 赞/ 196 阅读

相关解析url成字典对象

var s = "http://www.baidu.com?name=gmm&age=23"; var s1 = s.lastIndexOf('?'); va

た入场券/ 2022年07月28日 05:07/ 0 赞/ 174 阅读

相关 js解析URL为对象函数实现

写一个parseQueryString 函数，将类似url = [ http://witmax.cn/index.php?key0=0&key1=1&key2=2][http_

偏执的太偏执、/ 2022年06月13日 00:22/ 0 赞/ 204 阅读

相关 URL请求中加号解析为空格的问题

问题描述在使用URLEncoder.encode(path)构建URL请求时，把path中的空格解析为加号（+） String path="测试路径";

我会带着你远行/ 2022年01月30日 11:45/ 0 赞/ 495 阅读