前端开发：JS中截取字符串的用法总结

最新推荐文章于 2024-05-09 00:24:21 发布

面试题开源

最新推荐文章于 2024-05-09 00:24:21 发布

阅读量605

点赞数 5

分类专栏： 2024年程序员学习文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_58397045/article/details/137681734

版权

2024年程序员学习专栏收录该内容

306 篇文章 0 订阅

订阅专栏

参数：

参数	描述
from	必需。一个非负的整数，规定要提取的子串的第一个字符在 string 中的位置。
to	可选。一个非负的整数，比要提取的子串的最后一个字符在 string 中的位置多 1。如果省略此参数，那么返回的子串会一直到字符串的结尾。

说明

1.substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符；

2.若 start 与 stop 相等，则该方法返回的就是一个空字符串（即长度为 0 的字符串）；

3若 start 比 stop 大，则该方法在提取子串之前会先交换这两个参数；

4.若 start 和 stop 有负数，则会把该参数自动转为0，然后继续进行上述的规则；

5.若 start 和 stop 有正小数，则会把该参数向下取整，然后继续进行上述的规则；

6.若 start 和 stop 有字符串，则会先进行parseInt()，如果转换结果为NaNa，那么就转换为0，其余情况继续进行上述的规则。

示例：

1、

string.substring(4)+“
” //从第5个字符开始截取到字符串的最末尾

2、

string.substring(4,10); // 从第5个字符开始截取到第10个字符

3、

var a = '0123456789’;

a.substring(1,5); // 从第2个字符开始截取到第5个字符输出结果：”1234"

4、

var a = '0123456789’;

a.substring(1,1); // start 与 stop 相等,输出结果：””

5、

var a = '0123456789’;

a.substring(5,1) ; // start 比 stop 大，但是最后的输出结果还是：”1234"

6、

var a = '0123456789’;

a.substring(5,-1); //start 和 stop 有负数，但是最后的输出结果还是： “1234”

7、

var a = '0123456789’;

a.substring(5,2.4) ; // start 和 stop 有正小数, 但是最后的输出结果是：“234”

8、

var a = '0123456789’;

a.substring(5,’2.4’); // start 和 stop 有字符串, 但是最后的输出结果是： “234”

a.substring(5,’hh’) ; // start 和 stop 有字符串, 但是最后的输出结果是： “234”

二、substr()方法

语法： string.substr(start,length)

定义和用法：

substr() 方法可在字符串中抽取从“开始”下标开始的指定数目的字符。

注意：

substr() 方法不会改变源字符串。

释义：

substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。

参数

参数	描述
start	必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
length	可选。子串中的字符数。必须是数值。如果省略了此参数，那么返回从 string 的开始位置到结尾的字串。

返回值

类型	描述
String	A new string containing the extracted part of the text

说明

该方法与substring()最大的区别在于第二个参数是需要截取字符串的长度，而不是位置。

1.substr() 方法返回的子串从 start 处的字符开始（包括）往后截取length长度，如果超过最末端就到最末端结束；

2.start可以取负值，表示从字符串尾部往头部开始数（从右到左，注意是从1开始，比如-1 指字符串中最后一个字符），但截取长度还是从左到右，若超过最末端，则就到最末端结束；

3.若length为负值，则会直接当成0处理，最终返回””；

4.若start或者length为小数，则会截取小数部分；

5.若 start 和 length 有字符串，则会先进行parseInt()，若转换结果为NaNa，则就转换为0，其余情况继续按照上述规则执行。

示例：

1、

str.substr(4,6); // 从第4个字符开始截取6个字符

2、

var str=“Hello world!”;

var n=str.substr(3); //第3个字符开始截取到字符串的最末尾输出结果：lo world!

3、

var a = '0123456789’;

a.substr(1,5); // 从第1个字符开始截取6个字符，输出结果：“12345”

a.substr(1,15); //从第1个字符开始截取，只会到最末端，长度写多了也没用，输出结果：“123456789”

4、

var a = '0123456789’;

a.substr(-4,2); //-4表示从右开始数第4个，就是’6’，然后取2个长度的字符串，就是’67’ ，输出结果：“67”

5、

var a = '0123456789’;

a.substr(4,-2); // length为负值，则会直接当成0处理，输出结果： “”

6、

var a = '0123456789’;

a.substr(1.2,5.2); // start或者length为小数，输出结果：“12345”

7、

var a = '0123456789’;

a.substr(‘aa’,‘5’) ; // start 和 length 有字符串，输出结果：“01234”

三、slice()方法

语法： string.slice(start,end)

定义和用法：

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意：

使用 start（包含）和 end（不包含）参数来指定字符串提取的部分。

释义：

slice(start,end) 方法用于提取字符串的某个部分（从参数 start 到 end 位置），并以新的字符串返回被提取的部分。类似 substring()。

参数

参数	描述
start	必须。要抽取的片断的起始下标，第一个字符位置为 0。如果为负数，则从尾部开始截取。
end	可选。紧接着要截取的片段结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。