nodejs中转换URL字符串与查询字符串详解

当我们使用 Node.js 创建 Web 应用程序时，有时需要处理 URL 字符串和查询字符串。为了方便地解析和操作这些字符串，Node.js 提供了一个内置的模块 url。

解析 URL 字符串

使用 url.parse() 方法可以将一个 URL 字符串解析为一个 URL 对象，URL 对象中包含了协议、主机、路径、查询字符串等信息。

以下是一个示例：

const url = require('url');

const urlString = 'https://www.example.com:3000/path/to/page?query1=value1&query2=value2#fragment';

const urlObj = url.parse(urlString, true);

console.log(urlObj);

输出的结果为：

Url {
  protocol: 'https:',
  slashes: true,
  auth: null,
  host: 'www.example.com:3000',
  port: '3000',
  hostname: 'www.example.com',
  hash: '#fragment',
  search: '?query1=value1&query2=value2',
  query: { query1: 'value1', query2: 'value2' },
  pathname: '/path/to/page',
  path: '/path/to/page?query1=value1&query2=value2',
  href: 'https://www.example.com:3000/path/to/page?query1=value1&query2=value2#fragment'
}

从上面的输出结果可以看到，通过 url.parse() 方法解析出来的 URL 对象包含了多个属性，其中包括了协议（protocol）、主机（host）、端口号（port）、主机名（hostname）、查询字符串（search）和路径（path）等信息。

解析查询字符串

如果要解析 URL 中的查询字符串，可以通过 URL 对象的 query 属性来获取。如果在 url.parse() 方法中传入第二个参数 true，则会将查询字符串转换为一个由键值对组成的对象，方便后续操作。

以下是一个示例：

const url = require('url');

const urlString = 'https://www.example.com/path/to/page?query1=value1&query2=value2';

const urlObj = url.parse(urlString, true);

console.log(urlObj.query);
console.log(urlObj.query.query1);
console.log(urlObj.query.query2);

输出的结果为：

{
  query1: 'value1',
  query2: 'value2'
}
value1
value2

从上面的输出结果可以看到，通过 URL 对象的 query 属性获取到的查询字符串对象可以直接进行访问和操作。

示例说明

示例一

假设我们需要解析一个 URL，获取其中的路径名和查询字符串，然后通过 console.log() 方法分别输出。

const url = require('url');

const urlString = 'https://example.com/path/to/page?query1=value1&query2=value2';

const urlObj = url.parse(urlString, true);

console.log('Pathname:', urlObj.pathname);
console.log('Query:', urlObj.query);

输出的结果为：

Pathname: /path/to/page
Query: {
  query1: 'value1',
  query2: 'value2'
}

示例二

假设我们需要处理一个查询字符串，将其中的参数名转换为大写，并将查询字符串对象转换回字符串形式，然后通过 console.log() 方法输出。

const url = require('url');

const queryString = 'query1=value1&query2=value2';

const queryObj = url.parse(`http://localhost/?${queryString}`, true).query;

for (const key in queryObj) {
  queryObj[key.toUpperCase()] = queryObj[key];
  delete queryObj[key];
}

const resultQueryString = new url.URLSearchParams(queryObj).toString();

console.log(resultQueryString);

输出的结果为：

QUERY1=value1&QUERY2=value2

从上面的示例可以看到，在处理查询字符串时，我们可以将查询字符串转换成 URLSearchParams 对象，然后通过遍历对象、修改属性来实现参数名的大小写转换，最后再将修改后的查询字符串对象转换回字符串形式。