如何使用js获取扩展名详解

在JavaScript中获取文件扩展名可以使用多种方法，比如使用正则表达式或者内置函数等。以下是常见的获取文件扩展名的方法，包括两个示例说明。

通过字符串截取获取扩展名

这是最简单的方法，基本思路是将字符串从后往前查找第一个.的位置，然后截取这个位置及后面的字符作为扩展名。

function getExtensionString(str) {
  var index = str.lastIndexOf(".");
  // 如果找到了第一个"."并且它不在字符串的起始处或结尾处
  if (index != -1 && index != 0 && index + 1 != str.length) {
    return str.substr(index + 1);
  } else {
    return "";
  }
}

示例1：

var filename = "test.html";
var ext = getExtensionString(filename); // ext的值为"html"

示例2：

var filename = "test.min.js";
var ext = getExtensionString(filename); // ext的值为"js"

使用内置函数获取扩展名

除了手动截取字符串，JavaScript还提供了内置函数用于获取文件扩展名。其中就包括了String.prototype.split()和String.prototype.slice()。

使用split()方法获取扩展名：

function getExtensionSplit(str) {
  var temp = str.split(".");
  if (temp.length === 1 || (temp[0] === "" && temp.length === 2)) {
    return "";
  } else {
    return temp.pop().toLowerCase();
  }
}

示例1：

var filename = "test.html";
var ext = getExtensionSplit(filename); // ext的值为"html"

示例2：

var filename = "test.min.js";
var ext = getExtensionSplit(filename); // ext的值为"js"

使用slice()方法获取扩展名：

function getExtensionSlice(str) {
  var index = str.lastIndexOf(".");
  if (index === -1 || index + 1 === str.length) {
    return "";
  } else {
    return str.slice(index + 1).toLowerCase();
  }
}

示例1：

var filename = "test.html";
var ext = getExtensionSlice(filename); // ext的值为"html"

示例2：

var filename = "test.min.js";
var ext = getExtensionSlice(filename); // ext的值为"js"

以上就是获取文件扩展名的几种方法，可以根据自己的需求来选择最适合的方法。