在前端开发中，有时候我们需要从文件的完整路径中提取出文件名。对于这个问题，我们可以使用 JavaScript 来解决。本文将会介绍如何使用 JavaScript 从完整路径中获取文件名，并且提供示例代码。
获取文件名的方法
JavaScript 提供了很多方式来获取文件名，以下是其中两种常用的方法。
方法一：使用 split() 方法
split() 方法将字符串按照指定的分隔符进行分割，并返回一个数组。我们可以使用这个方法来将完整路径通过分隔符“/”分割成数组，然后获取数组的最后一个元素，也就是文件名。
const filePath = "/path/to/filename.txt";
const fileName = filePath.split("/").pop();
console.log(fileName); // "filename.txt"方法二：使用正则表达式
正则表达式（RegExp）在 JavaScript 中是十分强大的工具。我们可以使用正则表达式来匹配文件名。
const filePath = "/path/to/filename.txt"; const fileName = filePath.match(/[^\\/]*$/)[0]; console.log(fileName); // "filename.txt"
这个正则表达式的含义是：匹配除了反斜杠和斜杠以外的任意字符，直到行尾。
总结
本文介绍了两种常用的方法来从完整路径中获取文件名，分别是使用 split() 方法和正则表达式。在实际开发中，我们可以根据具体的需求选择适合自己的方法。
示例代码
-- -------------------- ---- ------- -- ------ ------- -- ----- --------- - ------------------------ ----- --------- - --------------------------- ----------------------- -- -------------- -- ----------- ----- --------- - ------------------------ ----- --------- - ------------------------------- ----------------------- -- --------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8983
