【Web前端基礎知識】String對象（下）

String.prototype.substring()

substring方法用于從原字符串取出子字符串并返回，不改變原字符串，跟slice方法很相像。它的第一個參數表示子字符串的開始位置，第二個位置表示結束位置(返回結果不含該位置)。

1. 'JavaScript'.substring(0, 4) // "Java" 

如果省略第二個參數，則表示子字符串一直到原字符串的結束。

1. 'JavaScript'.substring(4) // "Script" 

如果第一個參數大于第二個參數，substring方法會自動更換兩個參數的位置。

1. 'JavaScript'.substring(10, 4) // "Script" 
2.  
3. // 等同于 
4.  
5. 'JavaScript'.substring(4, 10) // "Script" 

上面代碼中，調換substring方法的兩個參數，都得到同樣的結果。

如果參數是負數，substring方法會自動將負數轉為0。

1. 'JavaScript'.substring(-3) // "JavaScript" 
2.  
3. 'JavaScript'.substring(4, -3) // "Java" 

上面代碼中，第二個例子的參數-3會自動變成0，等同于'JavaScript'.substring(4, 0)。由于第二個參數小于第一個參數，會自動互換位置，所以返回Java。

由于這些規則違反直覺，因此不建議使用substring方法，應該優先使用slice。

String.prototype.substr()

substr方法用于從原字符串取出子字符串并返回，不改變原字符串，跟slice和substring方法的作用相同。

substr方法的第一個參數是子字符串的開始位置(從0開始計算)，第二個參數是子字符串的長度。

1. 'JavaScript'.substr(4, 6) // "Script" 

如果省略第二個參數，則表示子字符串一直到原字符串的結束。

1. 'JavaScript'.substr(4) // "Script" 

如果第一個參數是負數，表示倒數計算的字符位置。如果第二個參數是負數，將被自動轉為0，因此會返回空字符串。

1. 'JavaScript'.substr(-6) // "Script" 
2.  
3. 'JavaScript'.substr(4, -1) // "" 

上面代碼中，第二個例子的參數-1自動轉為0，表示子字符串長度為0，所以返回空字符串。

String.prototype.indexOf()，String.prototype.lastIndexOf()

indexOf方法用于確定一個字符串在另一個字符串中第一次出現的位置，返回結果是匹配開始的位置。如果返回-1，就表示不匹配。

1. 'hello world'.indexOf('o') // 4 
2.  
3. 'JavaScript'.indexOf('script') // -1 

indexOf方法還可以接受第二個參數，表示從該位置開始向后匹配。

1. 'hello world'.indexOf('o', 6) // 7 

lastIndexOf方法的用法跟indexOf方法一致，主要的區別是lastIndexOf從尾部開始匹配，indexOf則是從頭部開始匹配。

1. 'hello world'.indexOf('o', 6) // 7 

另外，lastIndexOf的第二個參數表示從該位置起向前匹配。

1. 'hello world'.lastIndexOf('o', 6) // 4 

String.prototype.trim()

trim方法用于去除字符串兩端的空格，返回一個新字符串，不改變原字符串。

1. ' hello world '.trim() 
2.  
3. // "hello world" 

該方法去除的不僅是空格，還包括制表符(\t、\v)、換行符(\n)和回車符(\r)。

1. '\r\nabc \t'.trim() // 'abc' 

String.prototype.split()

split方法按照給定規則分割字符串，返回一個由分割出來的子字符串組成的數組。

1. 'a|b|c'.split('|') // ["a", "b", "c"] 

如果分割規則為空字符串，則返回數組的成員是原字符串的每一個字符。

1. 'a|b|c'.split('') // ["a", "|", "b", "|", "c"] 

如果省略參數，則返回數組的唯一成員就是原字符串。

1. 'a|b|c'.split() // ["a|b|c"] 

如果滿足分割規則的兩個部分緊鄰著(即兩個分割符中間沒有其他字符)，則返回數組之中會有一個空字符串。

1. 'a||c'.split('|') // ['a', '', 'c'] 

如果滿足分割規則的部分處于字符串的開頭或結尾(即它的前面或后面沒有其他字符)，則返回數組的第一個或最后一個成員是一個空字符串。

1. '|b|c'.split('|') // ["", "b", "c"] 
2.  
3. 'a|b|'.split('|') // ["a", "b", ""] 

以上，我們對String對象創建方式和常用方法做了說明，希望能讓你對String對象有清晰的了解。