写一个获取当前url查询字符串中的参数的方法

在前端开发中，你可以使用JavaScript的URLSearchParams接口来获取URL查询字符串中的参数。以下是一个简单的方法，它接受一个URL作为参数，并返回一个包含所有查询参数的对象：

function getQueryParams(url) {
  const urlObj = new URL(url);
  const params = new URLSearchParams(urlObj.search);
  const queryParams = {};

  for (const [key, value] of params.entries()) {
    queryParams[key] = value;
  }

  return queryParams;
}

// 使用示例
const url = 'https://example.com/?name=John&age=30&city=New%20York';
const params = getQueryParams(url);
console.log(params); // 输出: { name: 'John', age: '30', city: 'New York' }

在这个例子中，我们首先使用URL构造函数创建一个URL对象，然后使用URL.search属性获取查询字符串。接下来，我们使用URLSearchParams构造函数创建一个新的搜索参数对象，并使用URLSearchParams.entries()方法遍历所有的查询参数。最后，我们将每个查询参数添加到一个新的对象中，并返回这个对象。

如果你只想获取当前页面的URL查询参数，你可以简化这个函数，如下所示：

function getCurrentQueryParams() {
  const params = new URLSearchParams(window.location.search);
  const queryParams = {};

  for (const [key, value] of params.entries()) {
    queryParams[key] = value;
  }

  return queryParams;
}

// 使用示例
const params = getCurrentQueryParams();
console.log(params); // 输出当前页面的查询参数对象

在这个简化的版本中，我们直接使用window.location.search来获取当前页面的查询字符串，而不需要传递URL作为参数。