字符串之截取

在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，则返回空字符串

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作为开始提取的索引

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)。

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-s...
测试结果如图所示

文章首发于 [17biu.cn]