JavaScript 链接转对象：URLSearchParams & URL 对象详解

JavaScript 链接转对象：URLSearchParams & URL 对象详解

将链接转换成对象，需要用到 URLSearchParams 和 URL 对象。

以下是详细的注释和 jsdoc：

/**
 * 将链接转换成对象
 * @param {string} url - 需要转换的链接
 * @returns {Object} - 返回包含链接参数的对象
 */
function urlToObj(url) { 
  const params = new URLSearchParams(new URL(url).search);
  const obj = {};
  // 遍历所有参数，将其存储在对象中
  for (let [key, value] of params.entries()) {
    obj[key] = value;
  }
  return obj;
}

// 示例
const myUrl = 'https://example.com/?name=John&age=30';
const myObj = urlToObj(myUrl); // {name: 'John', age: '30'}

代码解释:

1. urlToObj(url) 函数接收一个字符串类型的 URL 作为参数。
2. 使用 new URL(url).search 获取 URL 的查询字符串部分。
3. 将查询字符串传递给 new URLSearchParams() 构造函数，创建 URLSearchParams 对象。
4. 遍历 URLSearchParams 对象的 entries() 方法获取所有参数的键值对。
5. 将每个键值对存入 obj 对象中。
6. 最后返回 obj 对象。

示例:

示例代码中的 myUrl 是一个包含查询参数的链接，urlToObj(myUrl) 函数将其转换为包含 name 和 age 属性的对象。

总结:

本文介绍了使用 URLSearchParams 和 URL 对象将链接转换为对象的两种方法，并提供了清晰的 jsdoc 注释和示例代码。希望这篇文章能帮助你更好地理解和使用 JavaScript 中的 URL 操作。