如何在JavaScript中修剪String中的文件扩展名？

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');
var filename = 'hello.html';

path.parse(filename).name; // hello
path.parse(filename).ext;  // .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.jpeg或者filename.pl怎么办？

编辑:

要回答......当然,如果你总是有一个延伸.jpg,x.length-4那就行了.

但是,如果您不知道扩展的长度,那么任何一种解决方案都会更好/更强大.

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

要么

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

要么

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

OR(假设文件名只有一个点)

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('.'));

如果file没有扩展名,则返回空字符串.要修复它使用此功能

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

Answer 6

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

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

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

Answer 7

我喜欢这个,因为它是一个不太难读的单线:

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

Answer 8

即使字符串中不存在分隔符,这也可以工作.

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 9

使用basename和extname方法，也可以通过path轻松完成此操作。

const path = require('path')

path.basename('test.txt', path.extname('test.txt'))

Answer 10

我不知道它是否是一个有效的选项,但我使用它:

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 11

另一个单线:

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

Answer 12

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

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

这应该只切断最后一段.

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

简单的一个:

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

Answer 16

• 如果您使用 Node.js，第一个评论中的答案就是一个简单的答案。
• 我的任务是需要从 Node 服务器删除 Cloudinary 中的图像，并且只需要获取图像名称。例子：

const path = require("path")
const image=xyz.jpg;
const img= path.parse(image).name
console.log(img) // xyz

Answer 17

如果您必须处理包含完整路径（例如：）的变量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 的文件名的给定字符串中提取没有扩展名的文件名。而第二个仅当给定的变量包含像 filename.ext 这样的 ext 文件名时才有效，但速度要快一些。
2. 这两种解决方案都适用于本地和服务器文件；

但是对于与其他答案的性能比较以及浏览器或操作系统兼容性，我都不能说什么。

工作片段 1：完整路径

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

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

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

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);

Answer 18

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

例如/sf/answers/2213099801/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

/sf/answers/2526943751/也实现了这一点，但我发现这种方法在语义上更令人愉悦。

在 Node.js v10.15.2 中测试。