一、substr() 方法
在JavaScript中，我们可以使用substr()方法来截取字符串中的子串。substr()方法接收两个参数，第一个参数是起始索引号，第二个参数是子串的长度。我们可以通过指定这两个参数来截取字符串中的子串。代码示例如下：
var str = "Hello World!"; var subStr = str.substr(0, 5); // 从索引0开始，截取长度为5的子串 console.log(subStr); // 输出 "Hello"
在上面的代码中，我们首先定义了一个字符串变量str，然后使用substr()方法截取了该字符串的前5个字符，即从索引0开始，截取长度为5的子串。最后我们通过console.log()方法将截取得到的子串输出到控制台。
需要注意的是，第二个参数是可选的，若未指定该参数，则会截取从起始索引号开始直到字符串末尾的所有字符。如果第一个参数是负数，则该值会被视为从字符串末尾开始计数，并从那里开始提取字符。
二、slice() 方法
另一个常用的字符串截取方法是slice()。和substr()方法不同的是，slice()方法接收的参数是start和end两个索引号，它会截取在start和end之间（不包括end所在的字符）的字符。代码示例如下：
var str = "Hello World!"; var subStr = str.slice(0, 5); // 从索引0开始，截取到索引5（不包括该索引）之间的子串 console.log(subStr); // 输出 "Hello"
需要注意的是，和substr()方法一样，如果start或end参数是负数，则该值会被视为从字符串末尾开始计数，并从那里开始提取字符。如果end参数省略，则slice()方法会一直截取到字符串的末尾。
三、substring() 方法
substring()方法也可以用来截取字符串中的子串。该方法接收两个参数，第一个参数是子串的起始索引，第二个参数是子串的结束索引（不包括该索引）。需要注意的是，第二个参数必须大于第一个参数。如果第一个参数大于第二个参数，则substring()方法会自动交换这两个参数。代码示例如下：
var str = "Hello World!"; var subStr = str.substring(0, 5); // 从索引0开始，截取到索引5（不包括该索引）之间的子串 console.log(subStr); // 输出 "Hello"
需要注意的是，如果参数是负数，则substring()方法会将其视为0。如果某一参数缺省，则该参数将视为字符串的长度。如果前一个参数大于后一个参数，则该方法将为这两个参数交换位置，以便于正确地使用start和end参数。
四、总结
本文主要介绍了JavaScript中常用的三种截取字符串中子串的方法，分别是substr()、slice()和substring()。这三种方法都可以用来截取字符串中的子串，但是它们的参数以及用法略有不同。需要根据实际的需求选择合适的方法来实现字符串截取功能。在使用这些方法时，需要注意参数的取值范围以及相互之间的差别，才能够正确地实现字符串截取的功能。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/159669.html
微信扫一扫 
支付宝扫一扫 