快捷導(dǎo)航

JavaScript去除文件名稱中的后綴名的多種方法

更新時(shí)間：2025年12月07日 14:50:26 作者：Never_Satisfied

本文介紹了JavaScript中去除文件名后綴名的四種方法,并推薦使用substring()和lastIndexOf()方法,因?yàn)樗?jiǎn)潔易懂,性能較好,并能處理特殊情況,需要的朋友可以參考下

方法1：使用substring()和lastIndexOf()

function removeFileExtension(filename) {
    const lastDotIndex = filename.lastIndexOf('.');
    if (lastDotIndex === -1) {
        return filename; // 沒有后綴名，直接返回
    }
    return filename.substring(0, lastDotIndex);
}

// 示例
const filename1 = "document.txt";
const filename2 = "image.jpeg";
const filename3 = "no_extension";

console.log(removeFileExtension(filename1)); // "document"
console.log(removeFileExtension(filename2)); // "image"
console.log(removeFileExtension(filename3)); // "no_extension"

方法2：使用split()和pop()

function removeFileExtension(filename) {
    const parts = filename.split('.');
    if (parts.length > 1) {
        parts.pop(); // 移除最后一部分（后綴名）
        return parts.join('.');
    }
    return filename; // 沒有后綴名
}

// 示例
console.log(removeFileExtension("photo.jpg")); // "photo"
console.log(removeFileExtension("archive.tar.gz")); // "archive.tar"

方法3：使用正則表達(dá)式

function removeFileExtension(filename) {
    return filename.replace(/\.[^/.]+$/, "");
}

// 示例
console.log(removeFileExtension("script.js")); // "script"
console.log(removeFileExtension("config.json")); // "config"

方法4：使用 ES6 的數(shù)組解構(gòu)

function removeFileExtension(filename) {
    const [name] = filename.split('.').slice(0, -1).concat(filename.split('.').slice(0, -1).length ? [] : [filename]);
    return name || filename;
}

// 簡(jiǎn)化版本（適用于大多數(shù)情況）
function removeFileExtensionSimple(filename) {
    const parts = filename.split('.');
    return parts.length > 1 ? parts.slice(0, -1).join('.') : filename;
}

處理特殊情況

如果需要處理一些特殊情況（比如以點(diǎn)開頭的隱藏文件）：

function removeFileExtensionSafe(filename) {
    // 排除以點(diǎn)開頭的隱藏文件（如 .gitignore）
    if (filename.startsWith('.') && filename.split('.').length === 2) {
        return filename;
    }
    
    const lastDotIndex = filename.lastIndexOf('.');
    return lastDotIndex === -1 ? filename : filename.substring(0, lastDotIndex);
}

// 示例
console.log(removeFileExtensionSafe(".gitignore")); // ".gitignore"
console.log(removeFileExtensionSafe("normal.file.txt")); // "normal.file"