JS解析url参数为json对象问题

将URL参数解析为JSON对象是JavaScript中的一项常见任务。在处理URL参数时，可以使用一些内置函数和库来使此任务变得简单。以下是一个完整的攻略，它将指导你如何使用不同的方法来解析URL参数为JSON对象：

方法一：使用URLSearchParams（推荐）

URLSearchParams是在ES2015中引入的新的JavaScript API，在处理URL查询参数时经常使用。可以将QueryString解析为一个Map对象，而Map对象又可以方便地转换为JSON对象。下面是一个示例代码：

// url: https://example.com/?name=John&age=30&gender=male

const searchParams = new URLSearchParams(window.location.search);
const params = {};
for (const [key, value] of searchParams.entries()) {
  params[key] = value;
}
const jsonParams = JSON.stringify(params)

console.log(jsonParams);
// { "name": "John", "age": "30", "gender": "male" }

在上面的代码中，我们首先将queryString解析为一个Map对象，然后将Map对象转换为JSON对象，最后输出JSON对象。

方法二：使用split函数

除了使用URLSearchParams之外，还可以使用JavaScript内置函数split来解析URL参数。在这种方法中，我们需要使用split()方法将QueryString分成一系列参数键值对，然后将其转换为JSON对象。下面是一个示例代码：

// url: https://example.com/?name=John&age=30&gender=male

const queryString = window.location.search.slice(1);
const queryArr = queryString.split("&");
const params = {};
queryArr.forEach((item) => {
  const [key, value] = item.split("=");
  params[key] = value;
});

const jsonParams = JSON.stringify(params)
console.log(jsonParams);
// { "name": "John", "age": "30", "gender": "male" }

在上面的代码中，我们首先使用slice()方法剪切掉查询字符串开头的'?'，然后使用split()方法将查询参数键值对分成一系列单独的项，最后遍历这个项数组，将每个项转换为一个JSON对象。

总结

以上是解析URL参数为JSON对象的两个常用方法。使用这些方法，你可以轻松地解析URL参数为JSON对象，从而节省时间并增加代码的可读性。