uniapp中的URL参数解析：解析URL参数的工具函数实现

### 从URL中提取参数 从URL中提取参数是Web开发中非常常见的需求，比如在浏览器中可以通过JavaScript的Location对象来访问当前URL的信息。Location对象提供了一系列的属性，可以用来获取URL的各个部分，包括域名、路径、查询字符串和锚点等。 - `location.origin`返回协议和域名，比如`***`。 - `location.pathname`返回URL的路径部分，比如`/project_js/Javascript/js_basic/demo/String/string_6.html`。 - `location.host`返回服务器名称和端口号，比如`localhost:8080`。 - `location.hostname`仅返回服务器名称，比如`localhost`。 - `location.port`返回端口号，比如`8080`。 - `location.search`返回查询字符串，即`?`之后的内容，比如`?name=xesam`。 - `location.hash`返回URL的锚点部分，即`#`之后的内容，比如`#age`。 - `location.href`返回整个URL，比如`***`。 - `location.protocol`返回使用的协议，比如`http:`。 提取URL中的查询参数通常关注`location.search`部分，它包含了URL的查询字符串。为了能够提取并转换成JavaScript对象，可以编写一个函数`toQueryParams`来处理这些数据。处理中应注意去除首尾的空白字符，然后对查询字符串按`&`和`=`进行分割。 为了处理不同类型参数的情况，需要对每个键值对进行特别的处理。比如一个参数可能没有值（`?昵称&age=24`），或者有多个值（`?昵称=小西山子=又一个&age=24&age=24`）。这种情况需要对解析后的值进行适当的处理，如`undefined`或者将其作为数组存储。 ### 将对象转换为URL查询参数 将对象转换为URL查询参数是与提取参数相反的操作，通常用于动态构造URL的查询字符串。这个过程通常需要遍历对象的每一个属性，并将其转换为`key=value`的格式，再用`&`符号连接。如果对象中的值是数组，则需要将数组中的每个元素转换成单独的查询参数。 在实现`toQueryString`方法时，需要注意以下几点： - 逐个处理对象的键值对。 - 对键和值进行URI编码，以确保特殊字符不会破坏URL的有效性。 - 如果值是数组，则为数组的每个元素创建独立的查询参数。 - 如果对象中有值不存在，可以选择忽略，或者添加为`key=`形式。 - 最后将所有的键值对用`&`连接起来，形成完整的查询字符串。 举例来说，对象`{昵称:'小西山子',age:'24'}`应该被转换成`昵称=小西山子&age=24`。如果对象中某个键的值为数组，比如`{昵称: ['小西山子', '小东子']}`，则转换成`昵称=小西山子&昵称=小东子`。 JavaScript中可以通过`encodeURIComponent`函数对键和值进行编码，确保URL的查询字符串的格式正确，且在各种浏览器之间保持一致性。该函数能够将字符转换为URL编码，这样就可以将对象中的属性安全地加入到URL的查询字符串中。