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

在 JavaScript 中获取文件扩展名是一项非常常见且实用的操作，通过文件扩展名可以方便地区分不同类型的文件，下面介绍几种获取文件扩展名的方法。

使用 split 方法

文件扩展名一般是文件名中最后一个点号（.）后面的部分，我们可以使用字符串的 split() 方法将文件名转为数组，然后取出数组中的最后一个元素作为扩展名，代码如下所示：

const fileName = "example.html";
const fileExtension = fileName.split('.').pop();
console.log(fileExtension); // 输出：html

使用 lastIndexOf 和 substring 方法

使用字符串的 lastIndexOf() 方法可以获取最后一个点号（.）的位置，然后使用 substring() 方法将点号后面的部分截取出来，代码如下所示：

const fileName = "example.html";
const dotIndex = fileName.lastIndexOf('.');
const fileExtension = fileName.substring(dotIndex + 1);
console.log(fileExtension); // 输出：html

使用正则表达式

使用正则表达式可以更加灵活地匹配文件名中的扩展名，代码如下所示：

const fileName = "example.html";
const fileExtension = fileName.match(/\.\w+$/)[0].substring(1);
console.log(fileExtension); // 输出：html

上述代码中，使用了一个正则表达式来匹配文件名中最后一个点号（.）后面的字符串，其中：

• \. 表示匹配点号（.）本身（点号在正则表达式中有特殊含义，需要转义）；
• \w+ 表示匹配任意一个或多个单词字符（即字母、数字或下划线）；
• $ 表示匹配字符串结尾。

最后，使用 match() 方法返回匹配的结果，并通过 substring() 方法将点号去除。

无论是哪种方法，都可以方便地获取文件扩展名，选择哪种方法取决于你的使用场景和个人喜好。