解析url地址参数为对象

可以使用以下代码将url地址参数解析为对象：

function parseQueryString(url) {
  var obj = {};
  var keyValues = url.split('?')[1].split('&');
  for(var i=0; i<keyValues.length; i++) {
    var keyValue = keyValues[i].split('=');
    obj[keyValue[0]] = keyValue[1];
  }
  return obj;
}

调用方式：`parseQueryString("http://example.com?param1=value1&param2=value2")`，返回对象 `{param1: "value1", param2: "value2"}`。

相关问题

url 怎么携带对象参数

URL 携带对象参数的常见方式是使用查询字符串（query string），即在 URL 的末尾通过 "?" 后面跟上参数键值对来传递参数。每个参数之间使用 "&" 分隔，键与值之间使用 "=" 分隔。

例如，假设我们有一个对象参数 `user`，包含 `name` 和 `age` 两个属性，我们可以将其转换成以下形式的查询字符串：

?name=John&age=25

然后，将该查询字符串添加到 URL 的末尾即可。

注意，如果参数值包含特殊字符或空格，需要进行 URL 编码。可以使用 JavaScript 的 `encodeURIComponent()` 方法对参数值进行编码，以确保 URL 的正确性和可读性。

例如，如果参数值为 "John Doe"，则编码后的查询字符串为：

?name=John%20Doe

这样，URL 携带了对象参数 `user` 的信息。在服务器端，可以解析 URL 获取参数并进行相应的处理。

用JS实现一个解析URL参数为对象的函数，并返回该对象

可以使用以下代码实现一个解析URL参数的函数：

function parseURLParams(url) {
  const queryStart = url.indexOf("?") + 1;
  const queryEnd = url.indexOf("#") !== -1 ? url.indexOf("#") : url.length;
  const query = url.slice(queryStart, queryEnd);
  
  if (query === "") {
    return {};
  }
  
  const params = query.split("&");
  const result = {};
  
  params.forEach(param => {
    const [key, value] = param.split("=");
    const decodedKey = decodeURIComponent(key);
    const decodedValue = decodeURIComponent(value);
    
    if (result.hasOwnProperty(decodedKey)) {
      if (Array.isArray(result[decodedKey])) {
        result[decodedKey].push(decodedValue);
      } else {
        result[decodedKey] = [result[decodedKey], decodedValue];
      }
    } else {
      result[decodedKey] = decodedValue;
    }
  });
  
  return result;
}

// 示例用法
const url = "https://example.com/?name=John&age=30&hobbies=reading&hobbies=cooking";
const params = parseURLParams(url);
console.log(params);

这个函数会解析传入的URL参数，并将其转换为一个对象。如果URL中没有参数，函数会返回一个空对象。注意，这个函数假设URL参数使用标准的key=value形式，并且值已经进行了URL编码。在解析过程中，函数会对参数的键和值进行解码，以保证正确性。