JavaScript字符串的常用方法

JavaScript字符串的常用方法

字符串的常用方法有操作方法、转换方法、模板匹配方法。

1. 操作方法

字符串的常用操作方法主要有增、删、改、查。

注意：字符串一旦被创建了就不可变了。

1.1 增

对字符串进行增添操作不是直接添加内容，而是创建字符串的一个副本，再进行操作。

• +：拼接字符串

 let str = 'Hello'
 let str1 = 'world'
 console.log("+进行字符串拼接:",str+' '+str1)

运行结果：

• ${}:拼接字符串

 // ${}
let str = 'Hello'
let str1 = 'world'
console.log(`拼接出来的字符串:${
      
      str} ${
      
      str1}`)

运行结果：

• concat：用于将一个或多个字符串拼接成一个新字符串。

 // concat
 let str = 'Hello'
 let str1 = '  '
 let str2 = 'world'
 console.log("concat拼接出来的字符串:",str.concat(str1).concat(str2))

运行结果：

1.2 删

删除字符串不是删除原字符串的内容，而是创建该字符串的一个副本进行删除操作。

-slice(start,end)：方法可从已有字符串中返回选定的元素，返回一个新字符串，包含从start到end（不包含该元素）的字符串。

         let str = 'Hello world'
        console.log("原字符串:",str)
        console.log("slice删除字符串:",str.slice(0,6))
        console.log(str.slice());//Hello world
        console.log(str.slice(0,-2))// Hello wor 倒过来删除了
        console.log(str.slice(0,100))//Hello world

运行结果：

• substr()：substr(string,start<,length>)从string 的start位置开始提取字符串，length:待提取的字符串的长度，若length为一下情况时，返回整个字符串的所有字符。
  1、length不指定
  2、length为空
  3、length为负值
  4、length大于字符串的长度

        let str = 'Hello world'
        console.log("原字符串:",str) //原字符串: Hello world
        console.log("substr删除字符串:",str.substr(0,6)) //substr删除字符串: Hello 
        console.log(str.substr()) //Hello world
        console.log(str.substr(0,-2)) // 为空
        console.log(str.substr(0,100)) //Hello world

运行结果：

• substring():substring(start,end)从string 的start位置开始提取字符串，截取到end位置（不包括end）。

        let str = 'Hello world'
        console.log("原字符串:",str) //原字符串: Hello world
        console.log("substring删除字符串:",str.substring(0,6)) //substr删除字符串: Hello 
        console.log(str.substring()) //Hello world
        console.log(str.substring(0,-2)) // 为空
        console.log(str.substring(0,100)) //Hello world

运行结果：

1.3 改

• trim():删除前、后或前后所有空格符，再返回新的字符串。只能去除某字符串头和尾的空格，字符串中间夹杂的空格无法去除。并且其返回的是一个新的字符串，要定义一个变量去接收新字符串。

 let str = ' *  Hello JavaScript  *  '
 console.log("原字符串:",str) //原字符串:  *  Hello JavaScript  *  
 console.log("trim修改字符串:",str.trim()) // trim修改字符串: *  Hello JavaScript  *
       

运行结果：

• repeat()接收一个整数参数，表示要将字符串复制多少次，然后返回拼接所有副本后的结果

        let str = 'Hello world'
        console.log("原字符串:",str) //原字符串: Hello world
        console.log('repeat()修改字符串:',str.repeat(2)) //repeat()修改字符串: Hello worldHello world

运行结果：

• padStart() 用于头部补全，padEnd() 用于尾部补全。复制字符串，如果小于指定长度，则在相应一边填充字符，直至满足长度条件。

        let str = 'Hello world'
        console.log("原字符串:",str) //原字符串: Hello world
        console.log('padStart()修改字符串:',str.padStart(20,'*')) //padStart()修改字符串: *********Hello world
        console.log('padEnd()修改字符串:',str.padEnd(20,'*')) //padEnd()修改字符串: Hello world*********

运行结果：

• toLowerCase()、 toUpperCase()大小写转化。

let str = 'Hello world'
console.log("原字符串:",str) //原字符串: Hello world
console.log('toLowerCase()修改字符串:',str.toLowerCase()) // toLowerCase()修改字符串: hello world
console.log('toUpperCase()修改字符串:',str.toUpperCase()) // toUpperCase()修改字符串: HELLO WORLD
        

运行结果：

2. 转换方法

split:把字符串按照指定的分隔符，拆分成数组中的每一项。

 let str = 'Hello world'
 console.log("split转换字符串:",str.split(' '))

运行结果：

3. 模板匹配方法

• match():接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，返回数组。

 let reg = /ab/
 let str = '12'
 let str1 = 'abash'
 console.log("match()匹配字符串:",str.match(reg))
 console.log("match()匹配字符串:",str1.match(reg))

运行结果：

注意：match没有匹配结果则返回null

• search()接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，找到则返回匹配索引，否则返回 -1。

 let reg = /ab/
 let str = '12'
 let str1 = 'abash'
 console.log("search()匹配字符串:",str.search(reg))
 console.log("search()匹配字符串:",str1.search(reg))

运行结果：

• replace()接收两个参数，第一个参数为匹配的内容，第二个参数为替换的元素（可用函数）。

 let reg = 'ab'
 let str = 'abbchskkd'
 console.log("replace()匹配字符串:",str.replace(reg,'123'))

运行结果：