从完整路径中提取文件名：三种常见方法与最佳实践

2024-03-29 14:59:28

从完整路径中提取文件名

作为开发人员，我们经常需要从各种来源解析文件路径。从服务器响应中提取文件名以进行本地存储、处理文件上传或在应用程序中显示文件名等场景都可能需要我们具备从完整路径中提取文件名的能力。

方法 1：String.split()

最直接的方法是使用 String.split() 方法。该方法以指定的分割符将字符串拆分为一个数组，我们可以使用反斜杠（'\'）作为分割符，因为这是文件路径中的常见分隔符。最后一个子字符串就是文件名。

const path = "C:\\Documents and Settings\\img\\recycled log.jpg";
const filename = path.split('\\').pop();

console.log(filename); // Output: recycled log.jpg

方法 2：String.slice() 和 String.lastIndexOf()

另一种方法是使用 String.slice() 和 String.lastIndexOf() 方法。String.lastIndexOf() 方法返回指定子字符串在字符串中最后出现的位置。我们可以使用它找到路径中反斜杠的最后位置，然后使用 String.slice() 方法提取文件名。

const path = "C:\\Documents and Settings\\img\\recycled log.jpg";
const filename = path.slice(path.lastIndexOf('\\') + 1);

console.log(filename); // Output: recycled log.jpg

方法 3：正则表达式

正则表达式提供了一种通用且灵活的方法来从路径中提取文件名。我们可以使用正则表达式 /([^\\]+)$/ 来匹配路径末尾的任何字符，直到遇到反斜杠。

const path = "C:\\Documents and Settings\\img\\recycled log.jpg";
const matches = path.match(/([^\\]+)$/);

if (matches) {
  const filename = matches[1];
  console.log(filename); // Output: recycled log.jpg
}