本篇内容介绍了“JS怎么通过截取子串的方法获取文件扩展名”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
创新互联建站主营卢氏网站建设的网络公司,主营网站建设方案,成都App制作,卢氏h5小程序制作搭建,卢氏网站营销推广欢迎卢氏等地区企业咨询
本文的主题是介绍一下按照指定长度截取字符串的方法，然后利用这种方法看看如何获取文件的扩展名。
首先我们来看看要如何截取指定长度的子串并返回呢？下面给大家具体介绍一下。
我们来看看一个例子：
var str="Hello world!"; var n=str.substr(2,3) console.log(n);
输出结果：
可以看出：我们使用str.substr(2,3)从第三字符开始，截取了3个字符，因此返回的子串为“llo”。
我们来了解一下substr()方法。
str.substr(start,length)方法能够根据指定长度来截取子字符串。它包含两个参数，第一个参数start不可省略，表示准备截取的子字符串起始下标；第二个参数length可省略，表示截取的长度，即需要截取的字符数。
如果省略第二个参数length，那么就会从start开始，截取后面全部的字符。
var str="Hello world!"; var n=str.substr(2) console.log(n);
输出结果：
如果如果第一个参数start为负值，则表示从字符串的尾部开始计算下标位置，即 -1表示最后一个字符，-2 表示倒数第二个字符，以此类推。（这对于左侧字符长度不固定时非常有用。）
var str="Hello world!"; var n1=str.substr(-1,1); var n2=str.substr(-2,1); var n3=str.substr(-3,2); console.log(n1); console.log(n2); console.log(n3);
输出结果：
通过上文，我们知道可以使用substr()方法来截取指定长度子串，并返回该子串。下面我们来看看利用这种方法怎样来获取文件扩展名。
我们可以使用substr()和lastIndexOf()方法获取文件的扩展名，例如有下面一个文件url
../img/1.png
使用下面语句就可获取文件的扩展名：
var str="../img/1.png";
var b = str.substr(str.lastIndexOf(".") ,4); //截取最后一个点号开始4个字符
console.log(b); //返回子字符串“.png”分析：使用str.lastIndexOf(".")可以获取字符“.”最后一次的出现位置，然后将其作为substr()方法的第一个参数，指定截取字符串的开始位置。因为扩展名“.png”有四个字符，因此设置substr()方法的第二个参数为4即可。
输出结果：
如果只想获取到“png”，那么可以在 str.lastIndexOf(".")的基础上加1：
var str="../img/1.png";
var b = str.substr(str.lastIndexOf(".")+1 ,3); //截取最后一个点号后3个字符
console.log(b); //返回子字符串“png”输出结果：
这是知道扩展名的长度，但有时 扩展名的长度是不固定的，那么我们就可以省略substr()方法的第二个参数，直接获取字符“.”后全部字符即可：
var str="../img/1.png";
var b = str.substr(str.lastIndexOf(".")+1 );
console.log(b);
var str="../img/1.jpeg";
var b = str.substr(str.lastIndexOf(".")+1 );
console.log(b);输出结果：
“JS怎么通过截取子串的方法获取文件扩展名”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！
