JavaScript常用截取字符串的三种方式用法区别实例解析

JavaScript常用截取字符串的三种方式用法区别实例解析

JavaScript中常常需要对字符串进行截取，本篇文章将介绍JavaScript中常用的三种截取字符串的方式，包括 substr()、substring()、slice() 三种方法，同时详细阐述它们之间的区别和使用场景。

substr() 方法：

string.substr(start,length)

• start：必需，代表开始截取的位置，从0开始计数。
• length：可选，代表需要截取的字符个数，如果不传length，则表示截取到字符串结尾。

示例：

var str = "abcde";
console.log(str.substr(1,3)); // bcd

解析：从字符串的第二个字符开始截取，截取三个字符，因此截取结果为 bcd。

substring() 方法：

string.substring(start,end)

• start：必需，代表开始截取的位置，从0开始计数。
• end：可选，代表结束截取的位置（不包括end位置的字符），如果不传end，则表示截取到字符串结尾。

示例：

var str = "abcde";
console.log(str.substring(1,3)); // bc

解析：从字符串的第二个字符开始截取，截取到第四个字符（不包括第四个字符），因此截取结果为 bc。

slice() 方法：

string.slice(start,end)

• start：必需，代表开始截取的位置，从0开始计数。
• end：可选，代表结束截取的位置（不包括end位置的字符）。如果为负数，则从字符串结尾开始算起，如果不传end，则表示截取到字符串结尾。

示例：

var str = "abcde";
console.log(str.slice(1,3)); // bc
console.log(str.slice(-3,-1)); // cd

解析：第一个示例从字符串的第二个字符开始截取，截取到第四个字符（不包括第四个字符），因此截取结果为 bc。第二个示例从字符串的倒数第三个字符（不包括该字符）开始截取，截取到倒数第二个字符（不包括该字符），因此截取结果为 cd。

三种截取方法的异同点：

1. substr() 方法可以截取到字符串结尾，substring() 和 slice() 方法不能。
2. slice() 方法可以从字符串结尾开始截取，substring() 和 substr() 不可以。
3. substring() 方法的第二个参数代表截取的字符个数，slice() 和 substr() 的第二个参数代表截取的结束位置。

三种方法的使用场景：

• substr() 方法通常用于事先知道字符串的长度，需要截取一段固定长度的字符串。
• substring() 和 slice() 方法通常用于事先不知道字符串的长度，需要截取不同长度的字符串，可以通过计算截取的长度来使用这两种方法。
• slice() 方法可以使用负数作为参数，可以方便地从字符串后面开始截取，而且该方法可以用于数组的截取，十分灵活。

以上就是JavaScript中常用的三种截取字符串的方式，希望本篇文章能够帮助大家更好地理解它们之间的区别和使用场景。