如何使用JavaScript获取文件扩展名？

在JavaScript中获取文件扩展名是一个常见的任务，特别是在处理上传文件或管理文件系统时。这里有几种方法可以实现这一功能。

方法1：使用字符串分割和pop方法

最简单和常见的方法是使用字符串的split()方法和数组的pop()方法组合来提取文件的扩展名。这种方法的关键在于将文件名按照.（点）分割成数组，然后使用pop()方法获取数组的最后一个元素，即文件的扩展名。

javascript
function getFileExtension(filename) {
    // 确保文件名含有'.'，否则返回空字符串
    if(filename.lastIndexOf('.') === -1) {
        return '';
    }

    // 使用split('.')分割文件名，然后用pop()获取数组的最后一部分
    return filename.split('.').pop();
}

// 使用示例
console.log(getFileExtension('example.png')); // 输出: png
console.log(getFileExtension('archive.tar.gz')); // 输出: gz
console.log(getFileExtension('no_extension_file')); // 输出: ''

方法2：使用正则表达式

另一种方法是使用正则表达式来匹配文件名中最后一个.后的所有字符。这种方法对于处理复杂的文件名（如带有多个点的文件名）也非常有效。

javascript
function getFileExtension(filename) {
    // 使用正则表达式匹配文件扩展名
    const match = filename.match(/\.([^\.]+)$/);

    // 如果匹配成功，返回匹配的扩展名，否则返回空字符串
    return match ? match[1] : '';
}

// 使用示例
console.log(getFileExtension('example.png')); // 输出: png
console.log(getFileExtension('archive.tar.gz')); // 输出: gz
console.log(getFileExtension('no_extension_file')); // 输出: ''

方法3：使用slice和lastIndexOf

这个方法使用字符串的lastIndexOf()方法来找到最后一个点的位置，然后使用slice()方法从该位置到字符串末尾截取子字符串，即文件的扩展名。

javascript
function getFileExtension(filename) {
    // lastIndexOf('.')返回最后一个'.'的位置
    let lastIndex = filename.lastIndexOf('.');

    // 如果不存在'.'，返回空字符串
    if(lastIndex === -1) {
        return '';
    }

    // 从最后一个点之后的位置开始截取字符串
    return filename.slice(lastIndex + 1);
}

// 使用示例
console.log(getFileExtension('example.png')); // 输出: png
console.log(getFileExtension('archive.tar.gz')); // 输出: gz
console.log(getFileExtension('no_extension_file')); // 输出: ''

以上都是在JavaScript中获取文件扩展名的常用方法。每种方法都有其适用场景，可以根据具体的需要选择合适的方法。