前言
在 web 开发过程中，我们时常需要对 url 进行操作和解析。url 是由协议、主机名、端口、路径、查询参数和哈希值等组成。其中，路径部分通常需要被操作和解析。而 pathname-js 是一款方便的 npm 包，专门用于解析和操作 url 的路径部分。在本文中，我们将一起学习如何使用 pathname-js 实现常见的路径操作和解析。
安装
使用 npm 可以轻松安装 pathname-js。在终端输入以下命令即可安装：
npm install pathname-js --save
常用方法
接下来，我们来详细讲解 pathname-js 的常用方法。
basename
basename 方法用于获取 url 路径的最后一段名称，即不包含目录路径部分的文件名或文件夹名。
语法：
basename(url)
示例代码：
const pathname = require('pathname-js');
const url1 = "https://www.example.com/path/to/file.html";
const url2 = "https://www.example.com/path/to/directory/";
console.log(pathname.basename(url1)); // 输出 "file.html"
console.log(pathname.basename(url2)); // 输出 "directory"dirname
dirname 方法用于获取 url 路径的目录路径部分，即 url 路径最后一段名称之前的所有内容。
语法：
dirname(url)
示例代码：
const pathname = require('pathname-js');
const url1 = "https://www.example.com/path/to/file.html";
const url2 = "https://www.example.com/path/to/directory/";
console.log(pathname.dirname(url1)); // 输出 "/path/to"
console.log(pathname.dirname(url2)); // 输出 "/path/to"extname
extname 方法用于获取 url 路径的扩展名部分，即最后一个点后面的所有内容。
语法：
extname(url)
示例代码：
const pathname = require('pathname-js');
const url1 = "https://www.example.com/path/to/file.html";
const url2 = "https://www.example.com/path/to/image.png";
console.log(pathname.extname(url1)); // 输出 ".html"
console.log(pathname.extname(url2)); // 输出 ".png"split
split 方法用于将 url 路径按照 / 分割成不同的部分。
语法：
split(url)
示例代码：
const pathname = require('pathname-js');
const url1 = "https://www.example.com/path/to/file.html";
const url2 = "https://www.example.com/path/to/directory/";
console.log(pathname.split(url1)); // 输出 ["path", "to", "file.html"]
console.log(pathname.split(url2)); // 输出 ["path", "to", "directory"]join
join 方法用于将多个部分按照 / 拼接成 url 路径。
语法：
join(part1, part2, ...)
示例代码：
const pathname = require('pathname-js');
const part1 = "path";
const part2 = "to";
const part3 = "file.html";
console.log(pathname.join(part1, part2, part3)); // 输出 "/path/to/file.html"总结
在本文中，我们学习了如何使用 pathname-js 进行 url 路径操作和解析。我们详细介绍了其常用的 basename、dirname、extname、split 和 join 方法，并提供了相应的示例代码。希望本文能够对大家在 web 开发中的 url 路径操作和解析有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056b6481e8991b448e554f