1. 字符串對象的屬性

2. 字符串對象的方法

   (說明： 底色為土黃色的文字部分主要標(biāo)明改部分的主要特征標(biāo)簽)

String對象屬性

1. length 屬性

   用于獲取字符串長度， 在js中每個中文漢字只表示一個字符

2. prototype屬性

   用來給對象添加屬性或方法,常用來擴(kuò)展js內(nèi)置對象

    // 使用 prototype 擴(kuò)展 String的屬性，為其添加去掉首尾空格的方法
    String.prototype.trim = function(){
        return this.replace(/^\s*|\s*$/g, '');
    }
   

String 對象方法（字符串的增刪改查） -> 關(guān)注參數(shù)和返回值（封裝的方法主要關(guān)注參數(shù)和返回值）

1. 獲取類方法

   • charAt() -> stringObject.charAt(index) 單參數(shù)，返回單字符

     charAt()方法可用來獲取指定位置的字符串，index為字符串索引值.從0開始到string.leng - 1，若不在這個范圍將返回一個空字符串

   • charCodeAt() 單參數(shù)，返回單個編碼值

     charCodeAt()方法可返回指定位置的字符的Unicode編碼

       var str = 'abcde';
       console.log(str.charCodeAt(0));        //返回97
     

   • fromCharCode() 多參數(shù)，返回字符串

     fromCharCode()可接受一個或多個Unicode值，然后返回一個字符串

       String.fromCharCode(97, 98, 99, 100, 101)    //返回abcde
     

2. 查找類方法

   • indexOf() 兩參數(shù)，返回字符串 + 參數(shù)不為負(fù)

     用來檢索指定的字符串值在字符串中首次出現(xiàn)的位置,參數(shù)不能為負(fù)值

       var str = 'abcdeabcde';
       console.log(str.indexOf('a', 3));    // 返回5
       console.log(str.indexOf('bc'));      // 返回1
     

   • lastIndexOf() 兩參數(shù)，返回字符串 + 從后向前

     它返回的是一個指定的子字符串值最后出現(xiàn)的位置，其檢索順序是從后向前

       var str = 'abcdeabcde';
       console.log(str.lastIndexOf('a'));    // 返回5
       console.log(str.lastIndexOf('a', 3));    // 返回0 從第索引3的位置往前檢索
     

   • search() 單參數(shù)，返回位置標(biāo)識 + 返回?cái)?shù)字 + 可正則

     用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。它會返回第一個匹配的子字符串的起始位置，如果沒有匹配的，則返回-1。

       var str = 'abcDEF';
       console.log(str.search('c'));    //返回2
       console.log(str.search('d'));    //返回-1
       console.log(str.search(/d/i));    //正則 返回3
     

   • match(substr) / match(regexp) 單參數(shù) + 返回匹配的數(shù)組 + 可正則

     在字符串內(nèi)檢索指定的值，或找到一個或多個正則表達(dá)式的匹配。

     如果參數(shù)中 傳入沒有進(jìn)行全局匹配的正則表達(dá)式（不帶/g） ，那么match()方法會從開始位置執(zhí)行一次匹配，如果沒有匹配到結(jié)果，則返回null。否則則會返回一個數(shù)組，該數(shù)組的第0個元素存放的是匹配文本，除此之外，返回的數(shù)組還含有兩個對象屬性index和input，分別表示匹配文本的起始字符索引和stringObject 的引用(即原字符串)。

     var str = '1a2b3c4d5e';
     console.log(str.match('h'));    //返回null
     console.log(str.match('b'));    //返回["b", index: 3, input: "1a2b3c4d5e"]
     console.log(str.match(/b/));    //返回["b", index: 3, input: "1a2b3c4d5e"]
     

     如果參數(shù)傳入的是具有全局匹配的正則表達(dá)式(帶有/g)，那么match()從開始位置進(jìn)行多次匹配，直到最后。如果沒有匹配到結(jié)果，則返回null。否則則會返回一個數(shù)組，數(shù)組中存放所有符合要求的子字符串，并且沒有index和input屬性。

     var str = '1a2b3c4d5e';
     console.log(str.match(/h/g));    //返回null
     console.log(str.match(/\d/g));    //返回["1", "2", "3", "4", "5"]
     

3. 截取類方法 特點(diǎn) 部分參數(shù)可為負(fù)值

   • substring(start,end) 兩個參數(shù)，返回字符串 + 參數(shù)不為負(fù)數(shù)

     var str = 'abcdefg';
     console.log(str.substring(1, 4));    //返回bcd
     console.log(str.substring(1));    //返回bcdefg
     

   • slice(start,end) 兩個參數(shù)，返回字符串 + 參數(shù)負(fù)數(shù)表示從后面開始計(jì)數(shù)

     兩個參數(shù)也分別對應(yīng)著開始位置和結(jié)束位置,slice()中的參數(shù)可以為負(fù)值,也就是說，-1 指字符串的最后一個字符。

     var str = 'abcdefg';
     console.log(str.slice(1, 4));    //返回bcd
     console.log(str.slice(-3, -1));    //返回ef
     

   • substr(start,length) 兩個參數(shù) 返回字符串+ 第二個參數(shù)為截取的字符長度 + 參數(shù)可為負(fù)

     substr()方法可在字符串中抽取從start下標(biāo)開始的指定數(shù)目的字符，另外如果start為負(fù)數(shù)，則表示從字符串尾部開始算起。

       var str = 'abcdefg';
       console.log(str.substr(1, 3))    //返回bcd
       console.log(str.substr(2))    //返回cdefg
       console.log(str.substr(-2, 4))    //返回fg，目標(biāo)長度較大的話，以實(shí)際截取的長度為準(zhǔn)
     

4. 字符串修改

   • replace(regexp/substr,replacement) 兩個參數(shù)，返回字符串 + 可正則 + 正則全局匹配不同

     replace()方法用來進(jìn)行字符串替換操作，它可以接收兩個參數(shù)，前者為被替換的子字符串（可以是正則），后者為用來替換的文本。

     如果第一個參數(shù)傳入的是子字符串或是沒有進(jìn)行全局匹配的正則表達(dá)式，那么replace()方法將 只進(jìn)行一次替換（即替換最前面的），返回經(jīng)過一次替換后的結(jié)果字符串。

       var str = 'abcdeabcde';
       console.log(str.replace(/a/, 'A'));    // 輸出 Abcdeabcde 只替換了第一個字符
     

     如果第一個參數(shù)傳入的全局匹配的正則表達(dá)式，那么replace()將會對符合條件的子字符串進(jìn)行多次替換，最后返回經(jīng)過多次替換的結(jié)果字符串。

       var str = 'abcdeabcdeABCDE';
       console.log(str.replace(/a/g, 'A'));    //返回AbcdeAbcdeABCDE
       console.log(str.replace(/a/gi, '$'));    //返回$bcde$bcde$BCDE
     

   ** 注意：在替換時雖然正則匹配后得到的結(jié)果為數(shù)組 str.match(/a/gi) //["a", "a"]，但是 replace的第一個參數(shù)不能用數(shù)組代替**

   • split(separator,howmany) 兩個參數(shù)， + 返回?cái)?shù)組

     split()方法用于把一個字符串分割成字符串?dāng)?shù)組，第二個參數(shù)howmany表示返回?cái)?shù)組的允許最大長度(一般情況下不設(shè)置)

       var str = 'a|b|c|d|e';
       console.log(str.split('|'));    //返回["a", "b", "c", "d", "e"]
       console.log(str.split('|', 3));    //返回["a", "b", "c"]
       
       // 使用正則進(jìn)行分割
       console.log(str.split(/\d/)); //返回["a", "b", "c", "d", "e"]
     

5. 其他

   toLowerCase()和toUpperCase() 無參數(shù)，返回字符串

    var str = 'JavaScript';
    console.log(str.toLowerCase());    //返回javascript
    console.log(str.toUpperCase());    //返回JAVASCRIPT
   

字符串使用實(shí)例

1. 字符串和數(shù)組之間的裝換

    1. 字符轉(zhuǎn)為數(shù)組
    var arr = 'language';
    arr.split('')  //["l", "a", "n", "g", "u", "a", "g", "e"]
   
    2. 數(shù)組轉(zhuǎn)為字符串
    arr = [1, 2, ,3 , 4, 5];
   
    arr.join('');   // 12345;
    arr.toString().replace(/,/g,''); //12345
   

2. 字符串反轉(zhuǎn)

思路1: 遍歷字符串：從后想向前排 for (自己寫)

思路2：使用帶有反轉(zhuǎn)方法的 JavaScript 數(shù)據(jù)類型（因?yàn)?js 數(shù)組有反轉(zhuǎn)的方法 reverse.）

var str = 'language';

str.split('').reverse().toString().replace(/,/g,'') // egaugnal

str.split('').reverse().join() // egaugnal

參考鏈接