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

我看到x.substring(0, x.indexOf('.jpg'))在DZone片段上,但x.substring(0, x.length-4)不会表现更好吗?因为,length是一个属性,不做字符检查,而indexOf()是一个函数,做字符检查。


当前回答

这就是正则表达式派上用场的地方!Javascript的.replace()方法将接受一个正则表达式,你可以利用它来完成你想要的:

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

其他回答

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

这是我用来从文件名中删除扩展名的代码,不使用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;
}

简单的一个:

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

我喜欢用正则表达式来做。它很短,很容易理解。

(const regexppattern of [] / \ . .+$/, //查找第一个圆点及其后面的所有内容。 / \[^ /。+$/ //获取最后一个圆点及其后面的所有内容。 ) { console.log(“myFont.ttf”。替换(regexPattern”、“)) console.log(“myFont.ttf.log”。替换(regexPattern”、“)) } / *输出 myFont myFont myFont myFont.ttf * /

上述解释可能不是很严谨。如果您想获得更准确的解释,可以访问regex101进行检查

美元\ . . + \[^ /。]。+美元

如果你必须处理一个包含完整路径的变量(例如: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 ()

如果你必须只处理文件名及其扩展名(例如:thenamewitext = "filename.jpg"):

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

结果将是name == "filename",与上面相同;

注:

第一个稍微慢一点,因为执行得更多 操作;但在两种情况下都有效,换句话说,它可以提取 没有扩展名的文件名来自一个给定的字符串,该字符串包含一个路径或一个带有ex的文件名。而第二种方法仅适用于给定变量包含一个带有ext的文件名,如filename。Ext,但是稍微快一点。 这两种解决方案都适用于本地和服务器文件;

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

工作片段1:完整路径 var thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg"; name = thePath.split(“/”).slice (1) . join () .split(“。”).shift (); 警报(name);

工作片段2:具有扩展名的文件名 var thenamewiext = "filename.jpg"; name = theNameWithExt.split(“/”).slice (1) . join () .split(“。”).shift (); 警报(name);

工作代码段2:具有双扩展名的文件名 var thenamewiext = "filename.tar.gz"; name = theNameWithExt.split(“/”).slice (1) . join () .split(“。”).shift (); 警报(name);