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

定义和用法：

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的子串包括“开始”处的字符，但不包括“结束”处的字符。

释义：

substring()方法从 from 位置截取到 to 位置，to 可选择，没有设置时默认到字符串的最末尾。

参数：

参数	描述
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”