本文将对javascript提取字符串的三个方法slice
/substr
/substring
,进行分析。
这三个方法都具有提取字符串的功能,且都有两个参数。下面将详细介绍三个方法在一些特殊参数值下的行为:
String.prototype.slice(indexStart: number, indexEnd?: number)
- 若
indexStart >= str.length
, 将返回空字符串 - 若
indexStart < 0
, indexStart 将被视为Math.max(indexStart + str.length, 0)
; - 若
indexStart
被省略、未定义或无法转换为数字(使用Number(indexStart)
),它将被视为0
- 若
indexEnd
被省略、未定义或无法转换为数字(使用Number(indexEnd)
),或者如果indexEnd >= str.length
,slice()
将提取到字符串的末尾。 - 若
indexEnd < 0
,indexEnd
将被视为Math.max(indexEnd + str.length, 0)
; - 若在转化负值后,
indexEnd <= indexStart
,将返回空字符串
String.prototype.substr(start: number, length?: number)
- 若
start > str.length
, 将返回空字符串; - 若
start < 0
, start 将被视为Math.max(start + str.length, 0)
; - 若
start
被省略、未定义,它将被视为0
- 若
length
被省略、未定义, 或者start + length >= str.length
,substr()
将字符提取到字符串的末尾 - 若
length < 0
, 将返回空字符串 - 若
start
或length
为NaN
, 它将被视为0
String.prototype.substring(indexStart: number, indexEnd?: number)
- 若
indexEnd
被省略、未定义,substring()
将提取至字符串末尾 - 若
indexStart === indexEnd
, 将返回空字符串 - 若
indexStart > indexEnd
, 那么substring()
的效果就好像交换了两个参数 - 小于
0
的参数将被视为0
, 大于str.length
的参数将被视为str.length
总结:除非你需要参数交换功能,否则建议使用slice()
;相比 substr
和 substring
也更容易被记住。
通过下面的程序可以输入不同参数来试验各方法的输出
参考文档: