使用JavaScript从URL字符串获取路径

有时候我们需要从URL中获取路径部分的信息，一方面是为了分析Web应用程序，另一方面是为了对URL进行解析和重构。在JavaScript中，我们可以使用以下方法来从URL字符串中提取路径。

使用location对象

在JavaScript中，我们可以使用location对象来获取当前URL的一些信息。其中，pathname属性包含完整的路径部分，可以像下面这样使用：

const pathName = window.location.pathname;
console.log(pathName); // /example/path

如果需要获取除了基本路径以外的路径部分（例如查询字符串和哈希部分），我们可以使用hash和search属性：

const queryString = window.location.search;
const hash = window.location.hash;

console.log(queryString); // ?param1=value1&param2=value2
console.log(hash); // #section2

使用正则表达式

另一种方法是使用正则表达式从URL字符串中提取路径。以下是一个示例正则表达式，可以匹配路径部分：

const url = 'http://www.example.com/example/path?param1=value1#section2';
const regex = /^.*:\/\/[^\/]*?(\/.*)$/;
const pathName = url.replace(regex, '$1');

console.log(pathName); // /example/path

在这个正则表达式中，我们首先匹配协议和域名部分，然后使用捕获组来提取路径部分。接下来，我们使用replace方法将整个字符串替换为路径部分，从而得到我们想要的结果。

总结：

以上两种方法都可以用来从URL字符串中提取路径部分，具体使用哪种方法取决于您的代码需求。如果您只需要在页面加载时获取路径信息，请使用location对象；如果您需要在页面运行时解析URL，或者需要执行一些路径操作，请使用正则表达式来提取路径。