JS字符串学习之怎么返回给定下标间的子串

在上一篇文章《js字符串学习之计算给定字符的全部出现位置》中,我们介绍了使用indexof()和lastindexof()函数结合while循环,获取给定子串在字符串中全部位置的方法。那么今天将继续给大家带来javascript字符串学习系列~

本文将给大家介绍一下JavaScript截取字符串,获取指定位置间所有字符(即子串)的两种方法。

首先我们来看看第一种方法–使用slice()

举个栗子~

var str="Hello world!"; var n=str.slice(1,7);console.log("原字符串:"+str);console.log("截取下标1~7之间的子串:"+n);

我们来看看输出结果:

1.png

因为字符串下标是从0开始的,所以使用str.slice(1,7)截取下标1~7之间的字符,返回的子串是“ello w”。

我们来了解一下slice()函数

string.slice(start,end)方法可提取字符串的某个部分,并以新的字符串返回被提取的部分;该函数接受一个必需参数start和一个可省略的参数end。

start参数:表示起始下标;第一个字符位置为 0。如果为负数,则从尾部开始截取。

end参数:表示结束下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素;如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

var str="Hello world!"; var n=str.slice(1,-7);console.log("原字符串:"+str);console.log("截取到的子串:"+n);

输出结果:

腾讯混元文生视频 腾讯混元文生视频

腾讯发布的AI视频生成大模型技术

腾讯混元文生视频 266 查看详情 腾讯混元文生视频

2.png

接下来我们来看看第二种方法–使用substring() 方法

举个栗子~

var str="Hello world!"; var n=str.substring(1,7);console.log("原字符串:"+str);console.log("截取到的子串:"+n);

输出结果:

3.png

substring()方法可以提取字符串中介于两个指定下标之间的字符。我们使用str.substring(1,7)截取字符串str下标1~7之间的字符,因此返回的子串是“ello w”。

我们来了解一下substring()函数。

string.substring(from, to)方法可接受一个必需参数from(非负的整数,指定开始下标),一个可省略的参数to(指定结束下标)。substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

slice()和substring()的区别

slice()和substring()都可根据指定的起止下标位置来截取字符串,都可以包含两个参数,第一个参数表示起始下标,第二个参数表示结束下标。

但如果第一个参数值比第二个参数值大,substring() 方法能够在执行截取之前先交换两个参数,而对于 slice() 方法来说,则被无视为无效,并返回空字符串。

var str="Hello world!"; var n1=str.substring(7,1);var n2=str.slice(7,1);console.log("原字符串:"+str);console.log("截取到的子串:"+n1);console.log("截取到的子串:"+n2);

输出结果:

4.png

如果参数值为负值,slice() 方法能够把负号解释为从右侧开始定位;而 substring() 方法会视其为无效。

var str="Hello world!"; var n1=str.substring(1,-7);var n2=str.slice(1,-7);console.log("原字符串:"+str);console.log("截取到的子串:"+n1);console.log("截取到的子串:"+n2);

输出结果:

5.png

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

以上就是JS字符串学习之怎么返回给定下标间的子串的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/841296.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
cmatrix命令行界面介绍
上一篇 2025年11月27日 12:53:53
小米 12S Pro拍照慢怎么办 Xiaomi 12S Pro相机优化
下一篇 2025年11月27日 12:53:56

相关推荐

发表回复

登录后才能评论
关注微信