如何在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