1. 前言
在日常的编程过程中，我们经常需要处理文本。其中，从文本中删除文件扩展名是非常常见的一种操作。在 JavaScript 中，我们可以使用一些简单的方法和技巧实现这个目标。本文将介绍几种实现方法，供读者参考。
2. 使用 split 方法
JavaScript 中的内置方法 split() 可以将一个字符串分割成多个子字符串，并返回一个字符串数组。我们可以利用这个方法，以文件名中的“.”作为分隔符，将文件名分为文件名和扩展名两部分，并将扩展名删除。
2.1 方法实现
function removeExtension(str) {
var arr = str.split(".");
arr.pop(); // 删除数组最后一项，即扩展名
return arr.join(".");
}
2.2 方法使用
我们可以在 HTML 中添加以下代码：
<script>
var fileName = "example.txt";
var newName = removeExtension(fileName);
console.log(newName);
</script>
运行页面后，将在控制台中看到输出：example。
2.3 方法解释
首先，我们将文件名字符串转换成数组，分割符为“.”。然后，我们使用数组方法 pop() 删除数组最后一个元素，即扩展名。最后，我们使用数组方法 join() 将数组重新连接成字符串，并返回新的字符串。
3. 使用 split 和 join 方法的联合使用
另一种删除文件扩展名的方法是使用 split() 和 join() 方法的联合使用。这种方法与上面的方法类似。不同之处在于，我们可以直接将扩展名部分删除，而无需使用 pop() 方法。
3.1 方法实现
function removeExtension2(str) {
var arr = str.split(".");
arr.pop(); // 删除数组最后一项，即扩展名
return arr.join(".");
}
3.2 方法使用
我们可以在 HTML 中添加以下代码：
<script>
var fileName = "example.txt";
var newName = removeExtension2(fileName);
console.log(newName);
</script>
运行页面后，将在控制台中看到输出：example。
3.3 方法解释
首先，我们将文件名字符串转换成数组，分割符为“.”。然后，我们使用数组方法 pop() 删除数组最后一个元素，即扩展名。最后，我们使用数组方法 join() 将数组重新连接成字符串，并返回新的字符串。
4. 使用正则表达式
另外，我们还可以使用正则表达式来删除字符串中的文件扩展名。使用正则表达式的好处是，我们可以处理各种类型的文件扩展名。
4.1 方法实现
function removeExtension3(str) {
return str.replace(/\.[^/.]+$/, "");
}
4.2 方法使用
我们可以在 HTML 中添加以下代码：
<script>
var fileName = "example.txt";
var newName = removeExtension3(fileName);
console.log(newName);
</script>
运行页面后，将在控制台中看到输出：example。
4.3 方法解释
正则表达式 /\.[^/.]+$/ 用于匹配最后一个“.”和其后面的任意字符，直到字符串的末尾为止，并将这个匹配的子串替换成空字符串。这样，我们就删除了文件扩展名。
5. 使用 lastIndexOf 方法
我们还可以使用字符串方法 lastIndexOf() 来查找字符串中的最后一个“.”，然后使用字符串方法 slice() 或 substring() 删除字符串中的扩展名部分。
5.1 方法实现
我们可以使用以下代码来删除扩展名：
function removeExtension4(str) {
var pos = str.lastIndexOf(".");
if (pos !== -1) {
return str.slice(0, pos);
// return str.substring(0, pos);
} else {
return str;
}
}
5.2 方法使用
我们可以在 HTML 中添加以下代码：
<script>
var fileName = "example.txt";
var newName = removeExtension4(fileName);
console.log(newName);
</script>
运行页面后，将在控制台中看到输出：example。
5.3 方法解释
我们首先使用 lastIndexOf() 方法找到文件名中最后一个“.”的位置，然后使用字符串方法 slice() 或 substring() 将这个位置之前的所有字符返回，从而实现删除扩展名的目的。如果字符串中没有“.”，则返回原字符串。
6. 总结
本文介绍了使用 JavaScript 删除字符串中的文件扩展名的方法。包括使用 split() 和 join() 方法的联合使用、正则表达式、lastIndexOf() 方法等多种方法。希望这些方法能对读者在日常开发中处理文本的任务提供帮助。