如何在JavaScript中从字符串中修剪文件扩展名?

如何在JavaScript中从字符串中修剪文件扩展名?,javascript,replace,substring,substr,indexof,Javascript,Replace,Substring,Substr,Indexof,例如,假设x=filename.jpg,我想得到filename,其中filename可以是任何文件名(为了简化,我们假设文件名只包含[a-zA-Z0-9-_]) 我看到x.substring(0,x.indexOf('.jpg'))on,但是x.substring(0,x.length-4)性能会更好吗?因为,length是一个属性,不执行字符检查,而indexOf()是一个函数,执行字符检查。x.length-4只考虑3个字符的扩展名。如果您有filename.jpeg或filename.p

例如,假设
x=filename.jpg
,我想得到
filename
,其中
filename
可以是任何文件名(为了简化,我们假设文件名只包含[a-zA-Z0-9-_])


我看到
x.substring(0,x.indexOf('.jpg'))
on,但是
x.substring(0,x.length-4)
性能会更好吗?因为,
length
是一个属性,不执行字符检查,而
indexOf()
是一个函数,执行字符检查。

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

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

或(也只有一个点)


不确定什么会执行得更快,但对于扩展,如
.jpeg
.html

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

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

如果你不知道长度@John Hartsock将是正确的方法

如果您不想使用正则表达式,可以尝试以下方法(性能较差):


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

我将使用类似于x.substring(0,x.lastIndexOf('.'))的东西。如果你想提高性能,就不要使用javascript:-p不,再多说一句话对99.99999%的目的来说并不重要。

你可以假设最后一个点是扩展定界符

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

这就是正则表达式派上用场的地方!Javascript的
.replace()
方法将采用正则表达式,您可以利用正则表达式来实现您想要的:

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

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

另一个单行程序-我们假设我们的文件是一个jpg图片>>ex:var yourStr='test.jpg'

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

即使在字符串中不存在分隔符时,也可以这样做

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 + ""
}
filename.replace(/\.[^.$]+$/, '');

下面是另一个基于正则表达式的解决方案:

String.prototype.beforeLastIndex = function (delimiter) {
    return this.substr(0,this.lastIndexOf(delimiter)) || this + ""
}
filename.replace(/\.[^.$]+$/, '');

这应该只删除最后一段。

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

我曾经不得不去掉所有扩展名(
.tar.gz
),文件名被限制为不包含点(因此
2015-01-01.backup.tar
不会有问题):


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页面进一步解释。

这是我用来从文件名中删除扩展名的代码,不使用regex或indexOf(indexOf在IE8中不受支持)。它假定扩展名是最后一个“.”字符之后的任何文本

它适用于:

  • 没有扩展名的文件:“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;
}

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

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.
#!/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));
我知道这不仅仅是一次手术,但至少它应该一直有效

更新:如果您想要一个oneliner,这里是:


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

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

path.basename(文件名,path.extname(文件名))


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

您可以使用
path
进行操作

var fileName = "something.extension";
fileName.slice(0, -path.extname(fileName).length) // === "something"
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'
简单一点:

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

如果必须处理包含完整路径的变量(例如:
thePath=”http://stackoverflow.com/directory/subdirectory/filename.jpg“
)并且您只想返回“filename”,您可以使用:

theName = thePath.split("/").slice(-1).join().split(".").shift();
结果将是name==“filename”

要尝试,请在chrome调试器的控制台窗口中写入以下命令:
window.location.pathname.split(“/”).slice(-1.join().split(“.”).shift()

如果只需要处理文件名及其扩展名(例如:
theNameWithExt=“filename.jpg”
):

结果将是name==“filename”,同上

笔记:
  • 第一个稍微慢一点,因为性能更高 操作;但在这两种情况下都有效,换句话说,它可以提取 不带扩展名的文件名来自给定字符串,该字符串包含路径或带有ex.的文件名。而第二个文件名仅在给定变量包含类似于filename.ext的ext文件名时才起作用,但要快一点
  • 这两种解决方案都适用于本地和服务器文件 但我不能说任何关于性能与其他答案的比较,也不能说浏览器或操作系统兼容性的问题

    工作片段1:完整路径
    var thePath=”http://stackoverflow.com/directory/subdirectory/filename.jpg";
    theName=path.split(“/”).slice(-1.join().split(“.”.shift();
    警报(名称)
    
    我喜欢这一行,因为它是一行,不难读懂:

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

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


    path.replace(path.substr(path.lastIndexOf('.'),'')
    Node.js从完整路径保留目录中删除扩展名

    比如说,我没有
    theName = theNameWithExt.split(".").shift();
    
    x.slice(0, -(x.split('.').pop().length + 1));
    
    filename.substring(0, filename.lastIndexOf('.')) || filename
    
    #!/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