使用javascript实现一个方法对url的查询参数(querystring)

使用JavaScript实现一个方法来获取URL的查询参数。

方法一：

function getQueryParams(url) {
  const startIndex = url.indexOf('?');
  if (startIndex === -1) {
    return {};
  }
  
  const queryString = url.slice(startIndex + 1);
  const queryArr = queryString.split('&');
  const queryParams = {};
  
  queryArr.forEach(query => {
    const [key, value] = query.split('=');
    queryParams[key] = decodeURIComponent(value);
  });
  
  return queryParams;
}

// 示例：
const url = 'https://www.example.com/path?param1=value1&param2=value2';
const params = getQueryParams(url);
console.log(params);
// 输出：{ param1: "value1", param2: "value2" }

方法二（使用URLSearchParams）：

function getQueryParams(url) {
  const searchParams = new URLSearchParams(url);
  const queryParams = {};

  for (const [key, value] of searchParams) {
    queryParams[key] = value;
  }

  return queryParams;
}

// 示例：
const url = 'https://www.example.com/path?param1=value1&param2=value2';
const params = getQueryParams(url);
console.log(params);
// 输出：{ param1: "value1", param2: "value2" }

这两种方法都可以根据给定的URL字符串返回一个包含查询参数的对象，其中查询参数的键和值均为字符串类型，并且能够正确解码URL编码字符。