获取当前 url 最后一部分

如果你需要获取当前 url 的最后一部分，这里提供几种实现方式。

解析 url

通过解析 url，可以获取 url 的各个部分。在 JavaScript 中，可以使用 window.location 获取当前 url 对象，再通过 .pathname 获取 url 的路径部分，然后使用 .split('/') 将路径部分拆分成一个数组，最后取最后一个元素即为最后一部分。

代码片段如下：

const urlPath = window.location.pathname;
const urlPathArray = urlPath.split('/');
const lastPart = urlPathArray[urlPathArray.length - 1];
console.log(lastPart);

使用正则表达式

正则表达式也可以解析 url 中的路径部分，匹配出最后一部分。使用正则表达式，可以更方便地处理一些特殊情况，比如 url 中可能包含查询字符串等。

代码片段如下：

const url = window.location.href;
const regex = /\/([^/]+)$/gi;
const match = regex.exec(url);
const lastPart = match[1];
console.log(lastPart);

使用 URL 对象

在 ES6 中，可以使用 URL 对象获取 url 的各个部分。使用 new URL(urlString) 构造函数来创建 URL 对象，然后获取 pathname 属性，最后同样使用 .split('/') 得到最后一部分。

代码片段如下：

const url = new URL(window.location.href);
const urlPath = url.pathname;
const urlPathArray = urlPath.split('/');
const lastPart = urlPathArray[urlPathArray.length - 1];
console.log(lastPart);

以上三种方式均可获取当前 url 的最后一部分。根据实际情况选择使用即可。