JS将网址url转化为JSON格式的方法

将网址URL转换为JSON格式是一种常见的操作。下面是一些步骤，可帮助您使用JavaScript在JSON中使用网址：

1. 创建URL对象。

使用JavaScript的URL对象，可以将网址转换为URL对象。例如，下面的代码将创建一个URL对象：

const url = new URL('https://www.example.com/test/?id=123#section');

1. 创建空JSON对象。

在JSON对象中创建空对象。

const json = {};

1. 添加属性到JSON对象。

通过将URL对象的属性添加到JSON对象中，可以将URL转换为JSON。下面是一些示例：

json.protocol = url.protocol;
json.hostname = url.hostname;
json.pathname = url.pathname;
json.search = url.search;
json.hash = url.hash;

以上代码将在JSON对象中创建以下属性：

{
  "protocol": "https:",
  "hostname": "www.example.com",
  "pathname": "/test/",
  "search": "?id=123",
  "hash": "#section"
}

1. 将JSON对象作为返回值。

最后，将JSON对象作为返回值，该函数将接收URL字符串作为参数，并将其转换为JSON。下面是一个完整的转换函数示例：

function urlToJson(urlStr) {
  const url = new URL(urlStr);
  const json = {};
  json.protocol = url.protocol;
  json.hostname = url.hostname;
  json.pathname = url.pathname;
  json.search = url.search;
  json.hash = url.hash;
  return json;
}

下面是使用上述代码函数转换URL的示例：

const urlStr = 'https://www.example.com/test/?id=123#section';
const json = urlToJson(urlStr);
console.log(json);

// Output:
// {
//   "protocol": "https:",
//   "hostname": "www.example.com",
//   "pathname": "/test/",
//   "search": "?id=123",
//   "hash": "#section"
// }

另一个示例是将此函数用于获取当前页面的URL并将其转换为JSON对象：

const currentUrl = window.location.href;
const json = urlToJson(currentUrl);
console.log(json);

// Output:
// {
//   "protocol": "https:",
//   "hostname": "www.example.com",
//   "pathname": "/test/",
//   "search": "?id=123",
//   "hash": "#section"
// }

通过使用上面的代码可以将当前页面的URL转换为JSON对象并输出至控制台。