zoukankan      html  css  js  c++  java
  • JavaScript中,提取子字符串方法:Slice、Substring、Substr的比较。

      在JavaScript中,提取子字符串主要是通过 Slice、Substring、Substr 三个方法之一。 

    // slice 
    // 语法: string.slice(beginSlice [, endSlice])
    "Good news, everyone!".slice(5, 9); 
    // 'news'
    
    // substring 
    // 语法: string.substring(indexA [, indexB])
    "Good news, everyone!".substring(5, 9); 
    // 'news'
    
    // substr
    // 语法: string.substr(start [, length])
    "Good news, everyone!".substr(5, 4); 
    // 'news'

      在三个方法之中输入一个  start 的索引参数,和一个可选的 end 索引( 或 length )参数。

      但他们在一些重要的方面有所不同:

    • substr()方法从指定位置,提取指定数量的字符。

       param: start 开始提取字符的位置索引,length 提取字符的数量长度。

       return: 一个新的字符串。 从 start 处开始的 length 个字符

       在不同浏览器有不一致的表现,现代浏览器允许 start 索引参数为负数,来表示从字符串结尾处开始,提取字符的数量。但是在ie8及以下版本浏览器 start索引参数 最小从0开始计算。【 substr 为Web浏览器附加的ECMAScript特性,不建议使用时 start 索引为负值

    var str = "abcdefghij";
    
    console.log("(1): "      + str.substr(1));     // (1): bcdefghij
    console.log("(1,2): "    + str.substr(1,2));   // (1,2): bc
    
    console.log("(-3): "     + str.substr(-3));    // (-3): hij
    console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hi
    
    console.log("(20, 2): "  + str.substr(20,2));  // (20, 2):
    console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab
    
    
    
    // ie8及以下
    console.log("(-3): " + str.substr(-2)); // (-20, 2): hij
    console.log("(-3, 2): " + str.substr(-2)); // (-20, 2): ab
    • substring() 方法用于提取字符串 一个index索引至另一个之间的子集, 或是直到字符串的结束。

        param: indexA, indexB 两个参数取值范围为一个0 至 字符串长度之间的整数。

        return: 返回一个新的字符串, 从小的索引开始 到 大的索引之间,包括小的索引位置字符,不包括大的索引位置字符。

        substring 的参数是可反转的,它总是使用小的的参数值作为开始,大的参数值作为结束。 如果参数是小于0或NaN,它被看作是0,如果参数大于字符串的长度,被视为字符串的长度值.

    // assumes a print function is defined
    var anyString = "Mozilla";
    
    // Displays "Moz"
    console.log(anyString.substring(0,3));
    console.log(anyString.substring(3,0));
    
    // Displays "lla"
    console.log(anyString.substring(4,7));
    console.log(anyString.substring(7,4));
    
    // Displays "Mozill"
    console.log(anyString.substring(0,6));
    
    // Displays "Mozilla"
    console.log(anyString.substring(0,7));
    console.log(anyString.substring(0,10));
    • slice 提取字符串的一部分。

       param: beginSlice开始提取字符的位置索引,可以为负,如果为负值被视为(sourceLength-beginSlice),sourceLength是字符串的长度,即:从字符串的尾部开始算起的位置

            endSlice 结束提取的字符的位置索引。如果省略,提取到结束。如果为负值被视为(sourceLength-endSlice)。

        return: 返回一个新的字符串,从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

        参数都可以为负,如果索引是负的,则从字符串的尾部开始算起。

    var str1 = "The morning is upon us.";
    console.log(str1.slice(4, -2));   //  morning is upon u
    
    var str = "The morning is upon us.";
    str.slice(-3);     // "us."
    str.slice(-3, -1); // "us"
    str.slice(0, -1);  // "The morning is upon us"
  • 相关阅读:
    数据结构上篇
    异步编程下篇
    异步编程上篇
    异步编程中篇
    对象与原型对象下篇
    对象与原型对象上篇
    移动端开发
    函数进阶
    二.全局安装需要配置NODE_PATH命令
    一.完全删除VSC
  • 原文地址:https://www.cnblogs.com/v10258/p/3612710.html
Copyright © 2011-2022 走看看