首页 >web前端 >js教程 >JS字符串学习之怎么返回给定下标间的子串

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

青灯夜游
青灯夜游原创
2021-08-16 18:53:532573浏览

在上一篇文章《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);

输出结果:

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字符串学习之怎么返回给定下标间的子串的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn