将 URL 参数作为对象

简介

在本实验中，我们将探索如何使用正则表达式和数组方法提取 URL 参数并将其映射到 JavaScript 对象中。我们将学习如何使用 String.prototype.match() 来获取所有键值对，以及如何使用 Array.prototype.reduce() 将它们转换为单个对象。在本实验结束时，你将更好地理解如何处理 URL 并从中提取有用信息。

包含 URL 参数的对象

要创建一个包含当前 URL 参数的对象，请执行以下步骤：

1. 打开终端/SSH 并输入 node 以开始练习编码。
2. 将 String.prototype.match() 与适当的正则表达式一起使用，以提取所有键值对。
3. 使用 Array.prototype.reduce() 将它们映射并组合成一个对象。
4. 将 location.search 作为参数传递，以应用于当前 URL。

以下是代码：

const getURLParameters = (url) =>
  (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
    (a, v) => (
      (a[v.slice(0, v.indexOf("="))] = v.slice(v.indexOf("=") + 1)),
      a
    ),
    {}
  );

你可以将此函数与任何 URL 一起使用，以获取包含其参数的对象。以下是一些示例：

getURLParameters("google.com"); // {}
getURLParameters("http://url.com/page?name=Adam&surname=Smith");
// {name: 'Adam', surname: 'Smith'}

总结

恭喜你！你已经完成了“将 URL 参数作为对象”的实验。你可以在 LabEx 中练习更多实验来提升你的技能。