如何使用 JavaScript 从完整路径获取文件名？

在编写 JavaScript 程序的过程中，有时候我们需要从完整的文件路径中提取出文件名，以便于对该文件进行进一步的操作。那么，如何使用 JavaScript 从完整路径获取文件名呢？接下来，本文将会为您介绍多种方法。

方法1：使用String对象的split()方法

我们可以使用 JavaScript 中 String 对象的 split() 方法来获取文件名。该方法将文件路径以指定的分隔符进行拆分，并将其保存为数组。我们可以通过数组下标来获取文件名。

示例代码如下所示：

const filePath = "/path/to/your/file.txt";
const fileName = filePath.split("/").pop();
console.log(fileName); // file.txt

在上面的示例代码中，我们首先定义了一个文件路径字符串 filePath，然后调用了 split() 方法将其使用 / 进行拆分，获取到了一个数组。最后，我们使用 pop() 方法取出数组中的最后一个元素，即文件名。

方法2：使用Path对象的basename()方法

另一种获取文件名的方法是使用 Node.js 中的 Path 模块。Path 模块提供了很多相关的方法，其中 basename() 方法可以用来获取文件名。

示例代码如下所示：

const path = require('path');
const filePath = "/path/to/your/file.txt";
const fileName = path.basename(filePath);
console.log(fileName); // file.txt

在上面的示例代码中，我们首先使用 require() 函数引入了 Node.js 中的 Path 模块，然后调用了 path.basename() 方法来获取文件名。

方法3：使用正则表达式

除了以上两种方法，我们还可以使用正则表达式来提取文件名。通过匹配文件路径中的最后一个 / 后面的内容，即可获取到文件名。

示例代码如下所示：

const filePath = "/path/to/your/file.txt";
const fileName = filePath.match(/([^\/]*)\/*$/)[1];
console.log(fileName); // file.txt

在上面的示例代码中，我们使用正则表达式来匹配文件名。首先，我们匹配路径字符串中的任意字符（除了 /），然后一直匹配到行尾。这样，我们就获取到了最后一个 / 后面的内容，也就是文件名。

以上就是三种在 JavaScript 中获取文件名的方法。根据实际需求，我们可以选择不同的方法来进行文件名的提取。