本文将对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.lengthslice() 将提取到字符串的末尾。
  • 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, 将返回空字符串
  • startlengthNaN, 它将被视为 0

String.prototype.substring(indexStart: number, indexEnd?: number)

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

总结:除非你需要参数交换功能,否则建议使用slice();相比 substrsubstring 也更容易被记住。

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


参考文档:

posted on 2023-02-09 21:00  百里登风  阅读(158)  评论(0编辑  收藏  举报