JavaScript 程序：获取文件扩展名

要理解这个示例，你应该具备以下 JavaScript 编程 主题的知识：

• JavaScript 字符串 split() 方法
• JavaScript 字符串 substring() 方法
• JavaScript 字符串 lastIndexOf() 方法

示例 1：使用 split() 和 pop()

// 程序获取文件扩展名

function getFileExtension(filename) {
  // 获取文件扩展名
  const extension = filename.split(".").pop();
  return extension;
}

// 传递文件名
const result1 = getFileExtension("module.js");
console.log(result1); // js

const result2 = getFileExtension("module.txt");
console.log(result2); // txt

Output

js;
txt;

在上述程序中，使用 split() 方法和 pop() 方法提取文件名的扩展名。

• 使用 split() 方法将文件名分割成独立的数组元素。 例如，filename.split('.') 通过分割字符串得到 ["module", "js"]。
• 使用 pop() 方法返回最后一个数组元素，即文件的扩展名。

示例 2：使用 substring() 和 lastIndexOf()

// 程序获取文件扩展名

function getFileExtension(filename) {
  // 获取文件扩展名
  const extension = filename.substring(
    filename.lastIndexOf(".") + 1,
    filename.length,
  );
  return extension;
}

const result1 = getFileExtension("module.js");
console.log(result1); // js

const result2 = getFileExtension("test.txt");
console.log(result2); // txt

Output

js;
txt;

在上述程序中，使用 substring() 方法和 lastIndexOf() 方法提取文件名的扩展名。

• filename.lastIndexOf('.') + 1 返回文件名中 . 的最后位置。 加上 1 是因为位置计数从 0 开始。
• filename.length 属性返回字符串的长度。
• substring(filename.lastIndexOf('.') + 1, filename.length) 方法返回给定索引之间的字符。例如，'module.js'.substring(8, 10)` 返回 js。
• 如果文件名中没有 .，使用 或 || 运算符返回原始字符串。