對于Web開發者而言，處理文件是非常常見的操作之一。在 JavaScript 中，獲取文件擴展名就是其中一個重要的操作，通過獲取文件擴展名，我們可以進行一些特別針對文件類型的處理。因此，本篇文章將會介紹 JavaScript 獲取文件擴展名的方法。

首先，我們需要明確一點：獲取文件擴展名的方法，對于不同類型的文件可能會有所不同。比如，對于圖片類文件（如 JPG、PNG 等），文件擴展名一般都是直接指示在文件名中的后綴，比如example.jpg。而對于其他類型文件（如文本文件、音頻文件等），可能就需要通過讀取文件內容，根據文件頭和文件尾進行判斷來得出文件擴展名。

對于圖片類型文件，最常見的獲取文件擴展名的方式是通過字符串截取獲取。具體而言，我們可以使用 String 對象的方法 .lastIndexOf() 和 .substr()，通過查找 "." 的位置，來確定文件擴展名的起始位置，然后從該處開始把字符串截取至字符串末尾即可。代碼如下：

const filename = "example.jpg";
const extStartIndex = filename.lastIndexOf(".");
const ext = filename.substr(extStartIndex + 1);
console.log(ext); // 輸出：jpg

需要注意的是，如果文件名中包含多個點符號，那么上述代碼仍然可以使用，但是可能不夠準確。比如文件名為 "my.example.file.jpg"，那么上述代碼將會返回 "file.jpg"，而非期望的 "jpg"。這種情況下，我們可以考慮使用正則表達式處理。使用正則表達式匹配文件名的結尾即可。代碼如下：

const filename = "my.example.file.jpg";
const regex = /(?:\.([^.]+))?$/;
const ext = regex.exec(filename)[1];
console.log(ext); // 輸出：jpg

使用正則表達式匹配，我們就不需要關心文件名中 . 的數量了。這個正則表達式將從字符串末尾開始匹配，獲取非 . 字符的連續序列。注意，匹配結果可能是 undefined（未找到匹配項），因此在使用 exec() 方法返回值時，需要使用中括號指定返回結果的索引值。

對于其他類型的文件，獲取文件擴展名可能就比較麻煩了。不過，通常我們都可以通過讀取文件頭和文件尾來判斷文件類型，從而得到文件擴展名。比如，獲取文本文件（.txt）的擴展名，可以通過讀取文件的第一個字節，判斷是否與 ASCII 編碼對應的 0x**41** 相等來得知該文件為純文本文件。具體代碼如下：

const fileData = new Uint8Array([0x41, 0x42, 0x43]); // 模擬文本文件數據
const firstByte = fileData[0];
const ext = firstByte === 0x41 ? "txt" : "unknown";
console.log(ext); // 輸出：txt

需要注意的是，以上代碼僅能判斷字符串為 ASCII 字符集的文本文件。對于其他編碼方式的文本文件，需要進行相應的判定。

綜上所述，獲取文件擴展名是一項相對比較簡單的技能，但是對于某些特殊情況，我們可能需要采用更精細的技巧來完成操作。同時，在使用獲取文件擴展名時，我們應該注意輸入的文件名是否包含特殊字符，以及需要計算的文件類型是否是一種常規類型。