• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • String.prototype.substring()

    substring()方法返回一个字符串在开始索引到结束索引之间的一个子集,或从开始索引直到字符串的末尾的一个子集。

    语法

    str.substring(indexStart[, indexEnd])
    

    参数

    indexStart
    需要截取的第一个字符的索引,该索引位置的字符作为返回的字符串的首字母。
    indexEnd
    可选。一个 0 到字符串长度之间的整数,以该数字为索引的字符不包含在截取的字符串内。

    返回值

    包含给定字符串的指定部分的新字符串。

    描述

    substring提取从indexStartindexEnd(不包括)之间的字符。特别地:

    • 如果indexStart等于indexEndsubstring返回一个空字符串。
    • 如果省略indexEndsubstring提取字符一直到字符串末尾。
    • 如果任一参数小于 0 或为NaN,则被当作 0。
    • 如果任一参数大于stringName.length,则被当作stringName.length
    • 如果indexStart大于indexEnd,则substring的执行效果就像两个参数调换了一样。见下面的例子。

    示例

    例子:使用substring

    下例使用substring输出字符串"Mozilla"中的字符:

    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));
    
    // 输出 "lla"
    console.log(anyString.substring(4,7));
    console.log(anyString.substring(7,4));
    
    // 输出 ""
    console.log(anyString.substring(4,4));
    
    // 输出 "Mozill"
    console.log(anyString.substring(0,6));
    
    // 输出 "Mozilla"
    console.log(anyString.substring(0,7));
    console.log(anyString.substring(0,10));
    

    运用 length 属性来使用 substring()

    下面一个例子运用了 String.length 属性去获取指定字符串的倒数元素。显然这个办法更容易记住,因为你不再像上面那个例子那样去记住起始位置和最终位置。

    // Displays 'illa' the last 4 characters
    var anyString = 'Mozilla';
    var anyString4 = anyString.substring(anyString.length - 4);
    console.log(anyString4);
    
    // Displays 'zilla' the last 5 characters
    var anyString = 'Mozilla';
    var anyString5 = anyString.substring(anyString.length - 5);
    console.log(anyString5);
    

    例子:替换一个字符串的子字符串

    下例替换了一个字符串中的子字符串。可以替换单个字符和子字符串。该例结尾调用的函数将"Brave New World"变成了"Brave New Web"。

    function replaceString(oldS, newS, fullS) {
    // Replaces oldS with newS in the string fullS
      for (var i = 0; i < fullS.length; i++) {
        if (fullS.substring(i, i + oldS.length) == oldS) {
         fullS = fullS.substring(0, i) + newS + fullS.substring(i + oldS.length, fullS.length);
        }
      }
      return fullS;
    }
    
    replaceString("World", "Web", "Brave New World");
    

    需要注意的是,如果oldSnewS的子字符串将会导致死循环。例如,尝试把"World"替换成"OtherWorld"。一个更好的方法如下:

    function replaceString(oldS, newS,fullS){
      return fullS.split(oldS).join(newS);
    }
    

    上面的代码只是子字符串操作的一个例子。如果你需要替换子字符串,更多时候会用到String.prototype.replace()