javascript - 如何从 JavaScript 中的字符串修剪文件扩展名？

Question

例如，假设x = filename.jpg，我想得到filename，其中filename可以是任何文件名（让我们假设文件名仅包含 [a-zA-Z0-9-_] 以简化。）。

x.substring(0, x.indexOf('.jpg'))我在DZone Snippets上看到过，但效果不会x.substring(0, x.length-4)更好吗？因为，length是一个属性，不做字符检查，indexOf()而是一个函数，做字符检查。

Answer 1

不确定什么会执行得更快，但是当涉及到扩展时，这会更.jpeg可靠.html

x.replace(/\.[^/.]+$/, "")

Answer 2

在node.js中，可以通过以下方式获取不带扩展名的文件名。

const path = require('path');
const filename = 'hello.html';
    
path.parse(filename).name;     //=> "hello"
path.parse(filename).ext;      //=> ".html"
path.parse(filename).base; //=> "hello.html"

Node.js 文档页面的进一步解释。

Answer 3

如果您知道扩展名的长度，则可以使用x.slice(0, -4)（其中 4 是扩展名和点的三个字符）。

如果您不知道长度@John Hartsock正则表达式将是正确的方法。

如果您不想使用正则表达式，可以试试这个（性能较差）：

filename.split('.').slice(0, -1).join('.')

请注意，它会在没有扩展名的文件上失败。

Answer 4

x.length-4仅占 3 个字符的扩展名。如果你有filename.jpegorfilename.pl怎么办？

编辑：

要回答...当然，如果您总是有 , 的扩展名.jpg，x.length-4那就可以了。

但是，如果您不知道扩展的长度，那么许多解决方案中的任何一个都更好/更健壮。

x = x.replace(/\..+$/, '');

或者

x = x.substring(0, x.lastIndexOf('.'));

或者

x = x.replace(/(.*)\.(.*?)$/, "$1");

或（假设文件名只有一个点）

parts = x.match(/[^\.]+/);
x = parts[0];

或（也只有一个点）

parts = x.split(".");
x = parts[0];

Answer 5

您也许可以假设最后一个点将是扩展分隔符。

var x = 'filename.jpg';
var f = x.substr(0, x.lastIndexOf('.'));

如果文件没有扩展名，它将返回空字符串。要解决此问题，请使用此功能

function removeExtension(filename){
    var lastDotPosition = filename.lastIndexOf(".");
    if (lastDotPosition === -1) return filename;
    else return filename.substr(0, lastDotPosition);
}

Answer 6

我喜欢这个，因为它是一个不太难读的单行：

filename.substring(0, filename.lastIndexOf('.')) || filename

Answer 7

在 0.12.x 之前的 Node.js 版本中：

path.basename(filename, path.extname(filename))

当然，这也适用于 0.12.x 及更高版本。

Answer 8

我不知道这是否是一个有效的选项，但我使用这个：

name = filename.split(".");
// trimming with pop()
name.pop();
// getting the name with join()
name.join('.'); // we split by '.' and we join by '.' to restore other eventual points.

这不仅仅是我知道的一项操作，但至少它应该始终有效！

更新：如果你想要一个 oneliner，你在这里：

(name.split('.').slice(0, -1)).join('.')

Answer 9

即使字符串中不存在分隔符，这也有效。

String.prototype.beforeLastIndex = function (delimiter) {
    return this.split(delimiter).slice(0,-1).join(delimiter) || this + ""
}

"image".beforeLastIndex(".") // "image"
"image.jpeg".beforeLastIndex(".") // "image"
"image.second.jpeg".beforeLastIndex(".") // "image.second"
"image.second.third.jpeg".beforeLastIndex(".") // "image.second.third"

也可以像这样用作单线：

var filename = "this.is.a.filename.txt";
console.log(filename.split(".").slice(0,-1).join(".") || filename + "");

编辑：这是一个更有效的解决方案：

String.prototype.beforeLastIndex = function (delimiter) {
    return this.substr(0,this.lastIndexOf(delimiter)) || this + ""
}

Answer 10

另一个单行：

x.split(".").slice(0, -1).join(".")

Answer 11

这是另一个基于正则表达式的解决方案：

filename.replace(/\.[^.$]+$/, '');

这应该只切断最后一段。

Answer 12

简单一：

var n = str.lastIndexOf(".");
return n > -1 ? str.substr(0, n) : str;

Answer 13

接受的答案仅去除最后一个扩展部分 ( .jpeg)，这在大多数情况下可能是一个不错的选择。

我曾经不得不删除所有扩展名（.tar.gz）并且文件名被限制为不包含点（所以2015-01-01.backup.tar不会有问题）：

var name = "2015-01-01_backup.tar.gz";
name.replace(/(\.[^/.]+)+$/, "");

Answer 14

var fileName = "something.extension";
fileName.slice(0, -path.extname(fileName).length) // === "something"

Answer 15

Node.js 从完整路径保存目录中删除扩展

https://stackoverflow.com/a/31615711/895245例如做path/hello.html-> hello，但如果你想path/hello.html-> path/hello，你可以使用这个：

#!/usr/bin/env node
const path = require('path');
const filename = 'path/hello.html';
const filename_parsed = path.parse(filename);
console.log(path.join(filename_parsed.dir, filename_parsed.name));

输出目录：

path/hello

https://stackoverflow.com/a/36099196/895245也实现了这一点，但我发现这种方法在语义上更令人愉悦。

在 Node.js v10.15.2 中测试。

Answer 16

如果您必须处理包含完整路径的变量（例如：）thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg"并且您只想返回“文件名”，您可以使用：

theName = thePath.split("/").slice(-1).join().split(".").shift();

结果将是theName == "filename" ;

要尝试它，请将以下命令写入 chrome 调试器的控制台窗口： window.location.pathname.split("/").slice(-1).join().split(".").shift()

如果您只需要处理文件名及其扩展名（例如：）theNameWithExt = "filename.jpg"：

theName = theNameWithExt.split(".").shift();

结果将是theName == "filename"，同上；

笔记：

1. 第一个有点慢，因为执行更多操作；但在这两种情况下都有效，换句话说，它可以从包含路径或带有 ex 的文件名的给定字符串中提取不带扩展名的文件名。而第二个仅在给定变量包含带有 ext 的文件名（如 filename.ext）时才有效，但要快一些。
2. 两种解决方案都适用于本地和服务器文件；

但我不能说与其他答案的性能比较以及浏览器或操作系统的兼容性。

工作片段 1：完整路径

var thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg";
theName = thePath.split("/").slice(-1).join().split(".").shift();
alert(theName);

工作片段 2：带扩展名的文件名

var theNameWithExt = "filename.jpg";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

工作片段 2：具有双扩展名的文件名

var theNameWithExt = "filename.tar.gz";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

Answer 17

虽然已经很晚了，但我将添加另一种方法来使用普通的旧 JS 获取不带扩展名的文件名-

path.replace(path.substr(path.lastIndexOf('.')), '')

Answer 18

这就是正则表达式派上用场的地方！Javascript 的.replace()方法将采用正则表达式，您可以利用它来完成您想要的：

// assuming var x = filename.jpg or some extension
x = x.replace(/(.*)\.[^.]+$/, "$1");

Answer 19

你可以path用来机动。

var MYPATH = '/User/HELLO/WORLD/FILENAME.js';
var MYEXT = '.js';
var fileName = path.basename(MYPATH, MYEXT);
var filePath = path.dirname(MYPATH) + '/' + fileName;

输出

> filePath
'/User/HELLO/WORLD/FILENAME'
> fileName
'FILENAME'
> MYPATH
'/User/HELLO/WORLD/FILENAME.js'

Answer 20

这是我用来从文件名中删除扩展名的代码，不使用正则表达式或 indexOf（IE8 不支持 indexOf）。它假定扩展名是最后一个 '.' 之后的任何文本。特点。

它适用于：

• 没有扩展名的文件：“myletter”
• 带有 '.' 的文件 在名称中：“my.letter.txt”
• 未知长度的文件扩展名：“my.letter.html”

这是代码：

var filename = "my.letter.txt" // some filename

var substrings = filename.split('.'); // split the string at '.'
if (substrings.length == 1)
{
  return filename; // there was no file extension, file was something like 'myfile'
}
else
{
  var ext = substrings.pop(); // remove the last element
  var name = substrings.join(""); // rejoin the remaining elements without separator
  name = ([name, ext]).join("."); // readd the extension
  return name;
}

Answer 21

我喜欢使用正则表达式来做到这一点。它简短易懂。

for (const regexPattern of [
  /\..+$/,  // Find the first dot and all the content after it.
  /\.[^/.]+$/ // Get the last dot and all the content after it.
  ]) {
  console.log("myFont.ttf".replace(regexPattern, ""))
  console.log("myFont.ttf.log".replace(regexPattern, ""))
}

/* output
myFont
myFont
myFont
myFont.ttf
*/

上面的解释可能不是很严谨。如果想得到更准确的解释可以去regex101查看

• \..+$
• \.[^/.]+$

Answer 22

另一种衬里 - 我们假设我们的文件是 jpg 图片 >> 例如：var yourStr = 'test.jpg';

    yourStr = yourStr.slice(0, -4); // 'test'

Answer 23

x.slice(0, -(x.split('.').pop().length + 1));

Answer 24

我会使用类似 x.substring(0, x.lastIndexOf('.')) 的东西。如果您要追求性能，则根本不要使用 javascript :-p 不，再多一条语句对于 99.99999% 的所有目的都无关紧要。