📌  相关文章
📜  如何在javascript中从url获取最后一个路径(1)

📅  最后修改于: 2023-12-03 15:38:33.109000             🧑  作者: Mango

在JavaScript中从URL获取最后一个路径

在JavaScript中,我们常常需要从URL中获取特定的信息,例如获取URL中的最后一个路径。本文将介绍如何使用JavaScript获取URL中最后一个路径的方法。

使用字符串操作方法

我们可以使用字符串操作方法来获取URL中最后一个路径。具体步骤如下:

  1. 使用window.location.pathname获取当前页面的路径。
  2. 将路径以"/"为分隔符转换成数组。
  3. 使用数组的pop()方法获取最后一个路径。

代码实现如下:

const getPathFromUrl = () => {
  const path = window.location.pathname;
  const pathArray = path.split("/");
  const lastPath = pathArray.pop();
  return lastPath;
};

console.log(getPathFromUrl()); // 输出当前页面的最后一个路径
使用正则表达式

我们还可以使用正则表达式来获取URL中最后一个路径。具体步骤如下:

  1. 使用window.location.pathname获取当前页面的路径。
  2. 使用正则表达式/\/([^/]+)$/匹配路径中最后一个"/"后面的内容。

代码实现如下:

const getPathFromUrl = () => {
  const path = window.location.pathname;
  const lastPath = path.match(/\/([^/]+)$/)[1];
  return lastPath;
};

console.log(getPathFromUrl()); // 输出当前页面的最后一个路径

以上就是使用JavaScript获取URL中最后一个路径的方法。无论使用字符串操作方法还是正则表达式,都可以轻松实现此功能。