js url 解码

// 示例代码：使用 JavaScript 对 URL 进行解码

// 假设我们有一个编码后的 URL
let encodedURL = "https://example.com/path?name=John%20Doe&city=New%20York";

// 使用 decodeURIComponent() 方法对整个 URL 进行解码
let decodedURL = decodeURIComponent(encodedURL);
console.log(decodedURL); 
// 输出: https://example.com/path?name=John Doe&city=New York

// 如果只需要解码查询参数部分，可以先提取查询字符串再解码
let url = new URL(encodedURL);
let queryParams = url.search;
let decodedQueryParams = decodeURIComponent(queryParams);
console.log(decodedQueryParams); 
// 输出: ?name=John Doe&city=New York

// 如果需要逐个解码查询参数中的值，可以使用 URLSearchParams
let params = new URLSearchParams(url.search);
params.forEach((value, key) => {
  console.log(`${key}: ${decodeURIComponent(value)}`);
});
// 输出:
// name: John Doe
// city: New York

解释说明：

1. decodeURIComponent()：用于解码由 encodeURIComponent() 编码的 URI 组件。它可以处理 URL 中的特殊字符（如空格、中文等），并将其转换为原始字符。

2. URL 对象：可以通过 new URL() 创建一个 URL 对象，方便解析和操作 URL 的各个部分（如协议、主机、路径、查询参数等）。

3. URLSearchParams：用于处理查询参数，可以轻松遍历和解码每个参数的键值对。