1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS字符串学习之通过截取子串的方式返回文件扩展名

JS字符串学习之通过截取子串的方式返回文件扩展名

时间:2020-11-16 18:14:50

相关推荐

JS字符串学习之通过截取子串的方式返回文件扩展名

web前端|js教程

JavaScript,js,字符串,截取字符串,获取文件扩展名

web前端-js教程

前文《js字符串学习之怎么返回给定下标间的子串》中,我们介绍了截取指定下标位置间字符串,并返回被提取的部分(子串)的方法。这次我们继续JavaScript字符串学习,了解另一种截取字符串方法,感兴趣的朋友可以学习了解一下~

远程控制桌面源码,ubuntu开机后关机,爬虫抓取审查元素,php name(),发布seo技巧lzw

本文的主题是介绍一下按照指定长度截取字符串的方法,然后利用这种方法看看如何获取文件的扩展名。

网络贷款源码安卓,ubuntu清空所有东西,爬虫神器是什么,php下单逻辑,seo技术衡阳lzw

首先我们来看看要如何截取指定长度的子串并返回呢?下面给大家具体介绍一下。

听书院源码,vscode连接阿里云出错,ubuntu 装系统,tomcat卸载的方法,小说爬虫步骤,php 正则替换全部,芜湖seo网络推广公司价格,可以发布信息的分类信息网站源码,dedeeims 模板修改下载lzw

我们来看看一个例子:

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.jpg

使用下面语句就可获取文件的扩展名:

var str="../img/1.jpg";var b = str.substr(str.lastIndexOf(".") ,4); //截取最后一个点号开始4个字符console.log(b); //返回子字符串“.jpg”

分析:使用str.lastIndexOf(".")可以获取字符“.”最后一次的出现位置,然后将其作为substr()方法的第一个参数,指定截取字符串的开始位置。因为扩展名“.jpg”有四个字符,因此设置substr()方法的第二个参数为4即可。

输出结果:

如果只想获取到“png”,那么可以在 str.lastIndexOf(“.”)的基础上加1:

var str="../img/1.jpg";var b = str.substr(str.lastIndexOf(".")+1 ,3); //截取最后一个点号后3个字符console.log(b); //返回子字符串“png”

输出结果:

这是知道扩展名的长度,但有时 扩展名的长度是不固定的,那么我们就可以省略substr()方法的第二个参数,直接获取字符“.”后全部字符即可:

var str="../img/1.jpg";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);

输出结果:

好了,就说到这里了,有需要的可以看:javascript高级教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。