【JavaScript使用技巧】三个截取字符串中的子串,你用的哪个

【JavaScript使用技巧】三个截取字符串中的子串,你用的哪个

博客说明

文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!

slice() 截取

说明

通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。

语法
stringObject.slice(start, end)
参数说明

start(必需):规定从何处开始选取。

如果是负数,那么它规定从字符串尾部开始算起的位置。

end(可选):规定从何处结束选取,即结束处的字符下标。

如果没有指定该参数,那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数,那么它规定的是从数组尾部开始算起的字符。

示例
var str = "0123456789";
str.slice(0,5); // 01234
str.slice(3);  //3456789
str.slice(3,5);  //34
str.slice(-3);  //789

substring()截取

说明

提取字符串中介于两个指定下标之间的字符,返回一个新的字符串

语法
stringObject.substring(start, stop)
参数说明

start(必需):一个非负的整数,注意是非负的整数。

标识了要提取的子串的第一个字符在 stringObject 中的位置。

stop(可选):一个非负的整数,注意是非负的整数。

比要提取的子串的最后一个字符在 stringObject 中的位置多 1(至少为一个字符)。

var str = "0123456789";
str.substring(3,5); //34
str.substring(3); //3456789

注意:

如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。

如果 start 或 end 为负数,那么它将被替换为 0。

substr() 截取

说明

substr 方法用于返回一个从指定位置开始的指定长度的子字符串。这里注意第二个参数是长度,而不是结束的位置。

语法
stringObject.substr(start, length)
参数说明

start(必需):所需的子字符串的起始位置。

字符串中的第一个字符的索引为 0。

length(可选):在返回的子字符串中应包括的字符个数。

var str = "0123456789";
str.substr(3,5); //34567
str.substr(3); //3456789

注意:

如果 length 为 0 或负数,将返回一个空字符串

如果没有指定 length,则子字符串将延续到 stringObject 的最后

如果 start 或 length 为负数,那么它将被替换为 0

对比和记忆

其实我猜大多数pym都知道这个三个方法,但是这三个方法的区别总是有些把持不住的样子。

给一段代码,好对比。

var str = "0123456789";
str.slice(3,5);  //34
str.substring(3,5); //34
str.substr(3); //3456789

slice和substring都有开始和结束的概念,所以在有开始和结束参数时,区别不大,substring不支持负数,这一边有别于slice,一般也是基于这一点来区分使用的。

substr只有开始和开始的数量,这种方式用的场景特定,区别也是最明显的,希望如果记不住前面两个,那就那这个孤儿收了吧。

感谢

万能的网络

以及勤劳的自己,个人博客,GitHub测试,GitHub

公众号-归子莫,小程序-小归博客

你可能感兴趣的:(【JavaScript使用技巧】三个截取字符串中的子串,你用的哪个)