javascript将url解析为json格式的两种方法

当我们需要将 URL 解析为 JSON 格式时，有两种主要的方法可供选择：

方法一：手动解析 URL 字符串

步骤如下：

1. 从 URL 字符串中提取出查询字符串部分（即由 "?" 后面的所有内容组成的字符串）；
2. 将查询字符串使用 "&" 和 "=" 进行分隔，封装成键值对的形式；
3. 使用 Javascript 对象字面量语法创建 JSON 对象。

代码示例：

const url = "https://example.com/?name=John&age=30";

// 解析 URL 为 JSON 对象
const searchParams = new URLSearchParams(url.search);
const obj = {};
for (const [key, value] of searchParams.entries()) {
  obj[key] = value;
}
const json = JSON.stringify(obj);

console.log(json);
// 输出：{"name":"John","age":"30"}

方法二：使用第三方库

我们还可以使用第三方库将 URL 解析为 JSON 对象，比如 query-string：

代码示例：

const queryString = require('query-string');
const url = "https://example.com/?name=John&age=30";

// 解析 URL 为 JSON 对象
const json = queryString.parseUrl(url).query;

console.log(json);
// 输出：{ name: 'John', age: '30' }

但需要注意的是，使用第三方库会增加代码依赖，同时也可能会增加项目的复杂度和维护成本。因此，除非有必要使用某些第三方库，否则推荐使用方法一手动解析 URL 字符串。