标签：slice indexStart javascript substring length indexEnd str 字符串

本文将对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)

substring()提取字符串不包含indexEnd,但以下情况除外：

• 若 indexEnd 被省略、未定义, substring()将提取至字符串末尾
• 若 indexStart === indexEnd, 将返回空字符串
• 若 indexStart > indexEnd, 那么 substring() 的效果就好像交换了两个参数
• 小于 0 的参数将被视为 0, 大于 str.length 的参数将被视为 str.length

总结：除非你需要参数交换功能，否则建议使用slice()；相比 substr 和 substring 也更容易被记住。

通过下面的程序可以输入不同参数来试验各方法的输出

---

<iframe height="300px" src="https://40n6bm-5173.preview.csb.app/" style="border: none" width="400px"></iframe>

---

参考文档：

• slice
• substr
• substring

标签：slice,indexStart,javascript,substring,length,indexEnd,str,字符串
From： https://www.cnblogs.com/bldf/p/17106949.html