JS 截取文件后缀|极客笔记

JS 截取文件后缀

在开发网页应用或者处理文件时，经常会遇到需要截取文件后缀的情况。在 JavaScript 中，我们可以通过一些简单的方法来实现这个功能。本文将详细介绍如何使用 JavaScript 来截取文件的后缀。

1. 使用 split 方法

我们可以利用字符串的 split 方法来截取文件的后缀。具体步骤如下：

示例代码

function getFileExtension1(filename) {
    return filename.split('.').pop();
}

// 测试
console.log(getFileExtension1("example.png")); // 输出: png
console.log(getFileExtension1("index.html")); // 输出: html

运行结果

png
html

在上面的示例中，我们定义了一个名为 getFileExtension1 的函数，它接受一个文件名作为参数，并返回该文件的后缀。函数内部使用 split 方法将文件名根据点号分割成数组，然后利用 pop 方法取出数组中的最后一个元素作为后缀返回。

2. 使用 lastIndexOf 方法

另一种常见的方法是使用字符串的 lastIndexOf 方法来截取文件的后缀。具体步骤如下：

示例代码

function getFileExtension2(filename) {
    return filename.slice(filename.lastIndexOf('.') + 1);
}

// 测试
console.log(getFileExtension2("example.png")); // 输出: png
console.log(getFileExtension2("index.html")); // 输出: html

运行结果

png
html

在上面的示例中，我们定义了一个名为 getFileExtension2 的函数，它接受一个文件名作为参数，并返回该文件的后缀。函数内部使用 lastIndexOf 方法找到文件名中最后一个点号的位置，然后利用 slice 方法从该位置开始截取后缀并返回。

3. 结合正则表达式

除了上述方法，我们还可以结合正则表达式来截取文件的后缀。这种方法更加灵活，适用于处理特殊情况。

示例代码

function getFileExtension3(filename) {
    return filename.match(/\.(.+)$/)[1];
}

// 测试
console.log(getFileExtension3("example.png")); // 输出: png
console.log(getFileExtension3("index.html")); // 输出: html