前端總結面試題（每日更新）第五天

字符串String

搞完昨天的數組，今天再來搞一波字符串吧。只要頭髮還在，我就會堅持寫文章哈哈，開個玩笑了，程序員其實不必定會禿的，大部分和遺傳有關，其次多是熬夜和輻射致使的（這個我也不知道我瞎說的哈哈）。

普通字符串的方法及屬性

1. Length獲取字符串的長度

   var strObj = '123'
   var len = strObj.length
   複製代碼

2. toLowerCase()將字符串中的字母轉換成全小寫

   var str = 'SundayLoveJiujiu'
   console.log(str.toLowerCase())  //sundaylovejiujiu
   複製代碼

3. toUpperCase()將字符串中的字母轉換成全大寫

   var str = 'sundaylovejiujiu'
   console.log(str.toUpperCase())  //SUNDAYLOVEJIUJIU
   複製代碼

4. charAt(index) 返回指定下標位置的一個字符。若是沒有找到，則返回空字符串

   var str = 'sunday'
   console.log(str.charAt(1))  // u
   console.log(str.charAt(6))   // ''
   複製代碼

5. substr()和substring()的區別以及使用方法

   //兩者都是在原始字符串的基礎上返回一個子字符串
   //區別
   //str.substring(start,stop) str.substr(start,length)
   'abcdefgh'.substring(2,3)  //'c'
   'abcdefgh'.substr(2,3)  //'cde'
   複製代碼

6. split() 將一個字符串轉換成數組

   var str = '12345'
   console.log(str.split())  // ['1','2','3','4','5']
   複製代碼

7. charCodeAt(index) 返回字符串中指定位置的Unicode編碼

   var str = 'abc'
   console.log(str.charCodeAt(1))  //98
   複製代碼

8. slice()抽取一個字符串

   stringObject.slice(start,end);
   複製代碼

   start :要抽取的片段的起始下標。若是是負數，則該參數規定的是從字符串的尾部開始算起的位置。也就是說，-1 指字符串的最後一個字符，-2 指倒數第二個字符，以此類推。 end：緊接着要抽取的片斷的結尾的下標。若未指定此參數，則要提取的子串包括 start 到原字符串結尾的字符串。若是該參數是負數，那麼它規定的是從字符串的尾部開始算起的位置。

   var str = 'abcdefgh'
   console.log(str.slice(2)) // 'cedfgh'
   複製代碼

9. match() 找到一個或多個正則表達式的匹配

   var str = '1ab2bc3'
   console.log(str.match(/\d+/g))  //123
   複製代碼

10. replace() 替換一個與正則表達式匹配的字符串

    var str = 'abcdef'
    console.log(str.replace(/def/,DEF))  //abcDEF
    複製代碼

11. search() 檢索與正則表達式相匹配的子串

    //要執行忽略大小寫的檢索，請添加標誌i.若是沒有找到任何匹配的字符串，則返回-1
    var str = 'adcDEF'
    console.log(str.search(/DEF/))  // 3
    複製代碼

    Es6新增的字符串語法

    1. includes() 返回布爾值，表示是否找到了參數字符串

       let str = 'I Love You Jiujiu'
       str.includes('Love')  //true
       str.includes('Love',2)  //true  第二個參數表示開始搜索位置
       複製代碼

    2. startWith() 返回布爾值，表示參數字符串是否在原字符串的開始處

       let str = 'I Love You Jiujiu!'
       str.startWith('I')  //true
       str.startWith('I',0)  //第二個參數表示開始搜索位置
       複製代碼

    3. endWith() 返回布爾值，表示參數字符串是否在原字符串的尾部

       let str = 'I Love You Jiujiu'
       str.endWith('!')  //true
       str.endWith('!',0)  // 第二個參數表示開始搜索位置
       複製代碼

    4. repeat() repeat方法返回一個新的字符串，表示將字符串重複N次

       'sunday'.repeat(2)  //'sundaysunday'
       'jiujiu'.repeat(2)  //'jiujiu'
       'a'.repeat(0)  // ''
       複製代碼