美文网首页
总结一下JS操作字符串的方法

总结一下JS操作字符串的方法

作者: 酷酷的凯先生 | 来源:发表于2020-07-06 10:24 被阅读0次

    # 1. chartAt() : 返回指定位置的字符

    var str = "abc"
    console.log(str.charAt(1)) //b
    

    # 2. charCodeAt() : 返回在指定位置字符的 Unicode 编码

    var str = "abc";
    console.log(str.charCodeAt(0)) //97
    console.log(str.charCodeAt(1)) //98
    console.log(str.charCodeAt(2)) //99
    

    # 3. concat() : 拼接字符串

    var str1 = "abc";
    var str2 = "123";
    var str3 = str1.concat(str2);
    console.log(str3); //abc123
    

    # 4. indexOf() : 检索字符串 ( 区分大小写 )

    var str  = "Hello world";
    console.log(str.indexOf(hello));  //-1
    console.log(str.indexOf(world));  //6
    

    # 5. match() : 返回值为指定的值(字符串)

    在字符串内检索指定的值,可以配合正则使用
    var str = "1tianleilei23";
    console.log(str.match('23'))// 23
    console.log(str.match(/\d+/g))// 1,23
    

    #6. replace() : 替换掉指定字符

    可以与正则表达式一起使用替换匹配的字符串。
    var str = "abccba";
    console.log(str.replace('a','A')); // Abccba 默认只替换找到的第一个
    console.log(str.replace(/a/g,'A')); // AbccbA 替换正则匹配全局的a
    

    # 7.search() : 检索字符串中指定的值

    可以配合正则使用与match相似但返回值是匹配到字符串的第一个相匹配的字符串的位置

    var str = "hello World";
    console.log(str.search('world')); // -1 对大小写敏感
    console.log(str.search(/world/i))// 6 正则匹配忽略大小写
    

    # 8. slice() : 截取字符串的片段,并返回被截取的部分。

    str.slice(start,end) : 含头不含尾
    start: 要截取的起始下标。如为负数,则从末尾开始开始计算起始位置,-1指最后一个字符,-2指倒数第二个字符,依次类推。
    end: 紧接着要截取片段的结尾的下标,如未指定,则表示截取从start到结尾所有字符,如为负数则表示从尾部开始算截取位置。

    var str = "#abcdef";
    console.log(str.slice(1)); // abcdef
    console.log(str.slice(1,6))// abcde
    

    # 9. split() : 根据传入字符的位置将字符串分割为数组。

    str.split(oprator,num)
    oprator:从该参数指定的地方分割
    num:指定返回数组的最大长度,多余会被省略,不会返回。

    var str = "abcdef";
    var str2 = "a=1&b=2&c=3"
    console.log(str.split(""))// ["a", "b", "c", "d", "e", "f"]
    console.log(str2.split("&"))// ["a=1", "b=2", "c=3"]
    

    # 10. toLowerCase() : 将字符串转换为小写

    var str = "AbCd";
    console.log(str.toLowerCase()); //abcd
    

    # 11. toUpperCase() : 将字符串转换为大写

    var str = "abcd";
    console.log(str.toUpperCase()) //ABCD
    

    # 12. substr() : 从起始索引截取字符串中指定数目的字符

    str.substr(start,length) ( 第二个参数是一个长度 )

    var str = "abcdef";
    console.log(str.substr(1))// bcdef
    console.log(str.substr(1,3))// bcd
    

    # 13. substring() : 截取字符串中两个指定索引之间的字符

    str.substring(start,stop) ( 第二个参数是一个下标, 含头不含尾 )

    var str = "abcdef"
    console.log(str.substring(2));// cdef
    console.log(str.substring(1,4)) // bcd
    

    substr 与 substring相同点:
    substr() 和 substring()在只有第一个参数的时候完全相同。
    substr()第二个参数代表截取的字符串的长度,substring()第二个参数代表的是截取字符串的最终位置下标。

    # 14. includes()、startsWith()、endsWith()

    includes()返回布尔值,表示目标字符串是否含有参数字符串。
    startsWith()返回布尔值,表示参数字符串是否在目标字符串的头部。
    endsWith()返回布尔值,表示参数字符串是否在目标字符串的尾部。

    var str = "hello world";
    console.log(str.includes("o")) //true
    console.log(str.startsWith("h")) //true
    console.log(str.endsWith("d")) //true
    

    # 15. repeat() : 返回一个新字符串,表示目标字符串被重复n次

    var str = "x";
    str.repeat(3)// xxx
    

    16. padStart()、padEnd() : 补全功能

    指定字符串长度与补充字符后,当字符串长度不够时使用补充字符默认补足字符串至目标长度。

    '2'.padStart(2,'0') //02
    '30'.padEnd(5,"ab") //30aba
    

    相关文章

      网友评论

          本文标题:总结一下JS操作字符串的方法

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