Fork me on GitHub

字符串之截取

在js中,需要经常处理字符串的问题,如果需要截取字符串的话,我们会选择slice、substr以及substring,下面就截取字符串的问题来细说一下。

slice

slice(start[,end])方法提取一个字符串的一部分,并返回一新的字符串。
start从该索引(以 0 为基数)处开始提取原字符串中的字符。如果为负数则为strLength + start。
end可选。在该索引(以 0 为基数)处结束提取字符串。如果省略该参数,slice会一直提取到字符串末尾。若为负数则为strLength + end。

slice() 提取的新字符串包括start但不包括end。即[start, end)
若start和end相等,则返回一个空字符串。
若任一参数为NaN,则被当为0。
若start大于end,则返回空字符串

1
2
3
var str = 'The morning is upon use';
str.slice(-3); // returns 'use'
str.slice(-3, -1); // returns 'us'

substr

substr(start[,length]) 方法返回一个字符串中从指定位置开始到指定字符数的字符,不改变原字符串
start开始提取字符的位置。如果为负值,则被看作 strLength + start,其中 strLength 为字符串的长度.
length可选,如果不设置,则提取字符直到字符串末尾

如果start为正值,且大于或等于字符串的长度,则substr返回一个空字符串。此外如果length为0或者负值也返回一个空字符串。如果start为负值,且abs(start)大于字符串的长度,则substr使用0作为开始提取的索引

1
2
var str = "abcdefghij";
console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab

substring

substring(start[,end]) 方法返回一个字符串在开始索引到结束索引(或者末尾)之间的一个子集,不改变原字符串
start 一个 0 到字符串长度之间的整数。(非负数)
end 可选 一个 0 到字符串长度之间的整数。(非负数)

若start和end相等,则返回一个空字符串。
若任一参数小于0或为NaN,则被当为0
若任一参数大于str.length,则被当作 str.length
若indexStart大于indexEnd,则 substring 的执行效果就像两个参数调换了一样。例如,str.substring(1, 0) == str.substring(0, 1)。

1
2
3
4
5
6
7
8
9
var anyString = "Mozilla";
// 输出 "Moz"
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));
console.log(anyString.substring(3,-3));
console.log(anyString.substring(3,NaN));
console.log(anyString.substring(-2,3));
console.log(anyString.substring(NaN,3));

此外对于三者的执行效率,网上有个对一个长度为10000的字符串做截取测试,地址:[https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/2]
测试结果如图所示
avatar

坚持原创技术分享,您的支持将鼓励我继续创作!