美文网首页
js高级程序设计,字符串(部分)方法,总结:

js高级程序设计,字符串(部分)方法,总结:

作者: cs0710 | 来源:发表于2017-07-20 01:07 被阅读18次
    1.字符串的位置方法

    indexOf()和lastIndexOf()方法这两个方法可以用来查找字符串中某个元素的位置

    indexOf() lastIndexOf()
    用于搜索指定的字符在字符串的首次出现的位置 用于搜索指定的字符在字符串中的最后一次出现的位置
    可以接受两个参数:参数1是指定的元素, 参数2是从字符串的开头进行搜索的开始的位置 可以接受两个参数:*参数1是指定的元素, 参数2是从字符串的末尾进行搜索开始的位置
    const str = "i am a boy";
    const startPosition = str.indexOf("a");
    console.log(startPosition);  //  "2",索引位置从0开始
    
    const endPosition = str.lastIndexOf("a");
    console.log(endPosition);  //  "5",索引位置从0开始,查找的是字符串中最后一个元素a的位置
    
    2.字符串的trim()方法

    该方法是用来删除字符串的首位空格,一直删除到第一个和最后一个不为空格的元素为止。一般可用在输入框的字符串校验中,它会返回一个删除后的字符串副本,对原始字符串不会有影响

    const str = "    i am a student    ";
    const afiterTrim = str.trim();
    console.log(str);  // "    i am a student    ",返回的是原始字符串,trim()对它没影响
    console.log(afterTrim);  // "i am a student",返回的是一个字符串副本,删除了左右空格
    

    此外还支持两种方法,分别是trimLeft()和trimRight()方法。

    const str = "    i am a student    ";
    const leftTrim = str.leftTrim();
    console.log(leftTrim);  // "i am a student    ",删除了左边的空格
    const rightTrim = str.rightTrim();
    console.log(rightTrim);  // "    i am a student",删除了右边的空格
    
    3.字符串的match()方法

    这个方法和之前总结的exec()方法在本质上是相同的,都是返回匹配到的字符串所组成的数组,如果匹配不到则返回null。数组的第一项是匹配到的整个模式的字符串,之后的每一项保存的都是与正则表达式捕获组所匹配到的字符串。它仅仅接受一个参数,可以是字符串或者正则表达式对象,也可以是正则表达式,一般使用的最多的是正则表达式。当然对于参数是用全局标识符g进行搜索时,则不会有index属性和input属性。我还看到有一个input属性,它代表的是对原始字符串的引用,index则是匹配到的字符串在原始字符串中的第一个的索引位置。

    const str = "cat, bat, dog";
    const matchValue = str.match(/at/);
    console.log(matchValue.index);  // 1,对这个字符串匹配到的索引位置,从前往后索引
    console.log(matchValue.lastIndex);  // 1,对这个字符串匹配到的索引位置,从后往前索引
    console.log(matchValue[0]);  // "cat",这是数组的第一项,匹配到的是与整个模式匹配的字符串
    
    今天先搞到着,后续的search()和几个少见的方法,明天会继续总结!

    相关文章

      网友评论

          本文标题:js高级程序设计,字符串(部分)方法,总结:

          本文链接:https://www.haomeiwen.com/subject/xoorkxtx.html