美文网首页让前端飞
JavaScript中对字符串常用的操作方法

JavaScript中对字符串常用的操作方法

作者: nomooo | 来源:发表于2018-09-20 22:05 被阅读5次
    charAt() && charCodeAt()
    • charAt方法和charCodeAt方法都接收一个参数,基于0的字符位置 charAt方法是以单字符字符串的形式返回给定位置的那个字符 charCodeAt方法获取到的不是字符而是字符编码

      let text = " Itisnevertoooldtolearn ";
      console.log(text.charAt(6)); //e
      console.log(text.charCodeAt(6)); //101
      
    concat()
    • 专门用来拼接字符串的,但是实践中我们使用最多的还是加操作符+,因为其简易便行

      let text = " Itisnevertoooldtolearn ";
      let text1 = text.concat("!", "!!");
      console.log(text1);// Itisnevertoooldtolearn !!!
      
    slice() && substring() && substr()
    • slice方法:第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置

    • substring方法:第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置

    • substr方法:第一个参数指定子字符串开始位置,第二个参数表示返回的字符个数

    • 这三个方法都会返回被操作字符串的一个子字符串,都接收一或两个参数
      如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。

          let text = " Itisnevertoooldtolearn ";
          console.log(text.slice(4, 8));//snev
          console.log(text.substring(4, 8));//snev
          console.log(text.substr(4, 8));//sneverto
      
    indexOf() && lastIndexOf()
    • indexOf方法和lastIndexOf方法都是从一个字符串中搜索给定的子字符串,然后返回子字符串的位置,如果没有找到,则返回-1

    • indexOf方法是从字符串的开头向后搜索子字符串,lastIndexOf方法正好相反
      这两个方法都可以接收两个参数:要查找的子字符串和查找的位置

            let text = " Itisnevertoooldtolearn ";
            console.log(text.indexOf("n"));//5
            console.log(text.lastIndexOf("n"));//22
      
    replace()
    • 第一个参数是字符串,所以只会替换第一个子字符串

            let str = "cat,bat,sat,fat";
            console.log(str.replace('cat','newCat'))//newCat,bat,sat,fat
      
    split()
    • split方法是基于指定的字符,将字符串分割成字符串数组
      当指定的字符为空字符串时,将会分隔整个字符串

            let str = "cat,bat,sat,fat";
            console.log(str.split(','))//["cat", "bat", "sat", "fat"]
            console.log(str.split(',',3))//["cat", "bat", "sat"]
      
    toUpperCase() && toLowerCase()
    • toUpperCase()将字符串转换为大写

    • toLowerCase()将字符串转换为小写

      let str = "Itisnevertoooldtolearn";
      console.log(str.toUpperCase())//ITISNEVERTOOOLDTOLEARN
      console.log(str.toLowerCase())//itisnevertoooldtolearn
      

    操作字符串的方法又很多种,这里只是常用的一些,其他的可以去网上查阅

    这里卿洋
    愿喜❤️

    相关文章

      网友评论

        本文标题:JavaScript中对字符串常用的操作方法

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