JavaScript 如何从字符串中移除文件扩展名

在JavaScript编程中，经常会遇到需要从字符串中移除文件扩展名的情况。比如在处理文件路径、文件名等操作时，移除扩展名可以方便我们对文件进行进一步的处理和分析。下面将介绍几种常见的方法来实现这一功能。

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

这种方法的思路是先通过 split() 方法将字符串按照 . 进行分割，得到一个数组，然后使用 pop() 方法移除数组的最后一个元素，即文件扩展名，最后再将数组重新拼接成字符串。

以下是示例代码：

function removeExtension(str) {
  const parts = str.split('.');
  parts.pop();
  return parts.join('.');
}

const fileName = 'example.txt';
const result = removeExtension(fileName);
console.log(result); 

方法二：使用 lastIndexOf() 和 slice() 方法

lastIndexOf() 方法可以找到字符串中最后一个 . 的位置，然后使用 slice() 方法截取从字符串开头到 . 位置的子字符串，从而实现移除扩展名的目的。

示例代码如下：

function removeExtension(str) {
  const index = str.lastIndexOf('.');
  if (index === -1) {
    return str;
  } else {
    return str.slice(0, index);
  }
}

const fileName = 'document.pdf';
const result = removeExtension(fileName);
console.log(result); 

注意事项

• 上述方法在大多数情况下都能正常工作，但如果文件名中包含多个 .，可能会出现意外结果。比如文件名是 my.file.name.txt，第一种方法会将 name.txt 都移除。在这种情况下，需要根据实际需求对代码进行调整。
• 在使用 lastIndexOf() 方法时，如果字符串中不存在 .，则返回 -1，需要进行相应的判断，避免出现错误。

通过以上方法，我们可以在JavaScript中轻松地从字符串中移除文件扩展名。根据具体的业务场景和文件名的特点，选择合适的方法可以提高代码的效率和准确性。