JavaScript 获取最后一个 URL 段

在使用 JavaScript 进行 URL 相关操作时，我们经常需要获取 URL 中的一部分。例如，我们可能需要获取 URL 的最后一个路径段，以便执行特定的操作。本文将介绍如何使用 JavaScript 获取 URL 的最后一个路径段。

获取 URL 的最后一个路径段

要获取 URL 的最后一个路径段，我们可以使用 JavaScript 的字符串操作方法。具体来说，我们可以使用 split() 方法来将 URL 拆分为各个部分，然后使用数组的最后一个元素来获取最后一个路径段。代码如下：

const url = "https://example.com/user/profile";
const segments = url.split("/");
const lastSegment = segments[segments.length - 1];
console.log(lastSegment); // "profile"

在上述示例代码中，我们首先定义了一个 URL 字符串，然后使用 split() 方法将其拆分为路径段数组。接下来，我们使用数组的 length 属性来获取数组长度，并使用 -1 作为索引来获取最后一个元素。最后，我们将结果打印到控制台中，并输出了 "profile"。

实例应用

获取 URL 的最后一个路径段可以用于很多实际的应用程序中。下面是一些示例：

1. 获取用户 ID

假设我们正在构建一个社交媒体应用程序，我们需要从用户的个人资料页面获取其唯一标识符。在这种情况下，我们可以使用上述方法来获取 URL 的最后一个路径段作为用户的 ID。

const url = window.location.href;
const segments = url.split("/");
const userId = segments[segments.length - 1];
console.log(userId); // 假设当前页面的 URL 为 https://example.com/user/123，输出 "123"

2. 动态加载脚本

假设我们有一个 JavaScript 脚本需要动态加载到页面上，但 URL 中的路径段是动态生成的。在这种情况下，我们可以使用上述代码获取最后一个路径段，并将其添加到资源 URL 中作为查询参数。

const resourceUrl = "https://example.com/js/scripts.js";
const url = window.location.href;
const segments = url.split("/");
const lastSegment = segments[segments.length - 1];
const dynamicUrl = `${resourceUrl}?userid=${lastSegment}`;
console.log(dynamicUrl); // 假设当前页面的 URL 为 https://example.com/user/123，输出 "https://example.com/js/scripts.js?userid=123"

在上述示例中，我们首先定义了资源 URL，然后获取当前页面 URL 的最后一个路径段。接下来，我们将路径段添加到资源 URL 中，并将其作为查询参数传递给动态 URL。最后，我们将动态 URL 打印到控制台中。

结论

获取 URL 的最后一个路径段是 JavaScript 中常见的操作之一。通过使用 split() 方法，我们可以轻松地将 URL 拆分为各个部分，并使用数组的最后一个元素来获取最后一个路径段。本文提供了一些使用场景，以便您了解如何在实际项目中使用该技术。