ES 字符串操作

字符串遍歷

      字符串遍歷接口：

           1、for ... of ..   (注： 除了遍歷字符串，這個遍歷器最大的優點是可以識別大於oxFFFF的碼點)

for (let codePoint of 'sufeng') {
  console.log(codePoint)
}
// "s"
// "u"
// "f"
// "e"
// "n"
// "g"

 

 模板字符串

     ES6引入了模板字符串解決這個問題，模板字符串是增強版的字符串，用反引號·``切換到英文輸入法模式下找到電腦鍵盤 Esc 下面的鍵,敲兩下就出現了反引號,它可以當做普通字符串使用，也可以用來定義多行字符串，或者在字符串中嵌入變量。

    如果在模板字符串中需要使用反引號，則前面要用反斜杠轉義。

    模板字符串中嵌入變量，需要將變量名寫在${}之中，大括號內部可以放入任意的javascript表達式，可以進行運算，以及引用對象屬性，不過如果大括號內的值不是字符串，將按照一般規則轉為字符串，比如，大括號中是一個對象，將默認調用對象的toString方法。

模板字符串甚至還能嵌套，示例如下

const tmpl = addrs => `
  <table>
  ${addrs.map(addr => `
    <tr><td>${addr.first}</td></tr>
    <tr><td>${addr.last}</td></tr>
  `).join('')}
  </table>
`;

.
.
.

const data = [
    { first: '<Jane>', last: 'Bond' },
    { first: 'Lars', last: '<Croft>' },
];

console.log(tmpl(data));

 

includes()   、startsWith() 、 endWith()

   傳統上，JavaScript 只有indexof方法，可以用來確定一個字符串是否包含在另一個字符串中，ES6又提供了三種新方法。

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

　　startsWith(): 返回布爾值，表示參數字符串是否在原字符串的頭部

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

   三個方法，都支持第二個參數，表示開始搜索的位置。使用第二個參數n時，endsWith的行為與其他兩個方法有所不同。它針對前n個字符，而其他兩個方法針對從第n個位置直到字符串結束。

 

實例方法 repeat

   repeat方法返回一個新字符串，表示將原字符串重復n次，

   NAN 等同於 0

'na'.repeat(NaN) // ""

 

參數取整運算

'na'.repeat(2.9) // "nana"

'na'.repeat(-0.9) // ""

 

參數是負數或者Infinity

 // Infinity 表示無窮
 'na'.repeat(Infinity)
 // RangeError 

 'na'.repeat(-1)
 // RangeError

 

如果參數是字符串，則會先轉換成數字

'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"

 

 

實例方法：padStart(), padEnd()

前者用於頭部補全，pageEnd用以尾部補全

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

 

如果原字符串的長度，等於或大於最打長度，則字符串補全不生效，返回源字符串

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

 

如果用來補全的字符串與原字符串，兩者的長度值和超過了最大長度，則會截去超出位數的補全字符串。

 'abc'.padStart(10, '0123456789')
 // '0123456abc'

 

padStart()的常見用途是為數值補全指定位數。下面代碼生成 10 位的數值字符串。

'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"

另一個用途是提示字符串格式。

'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

 

ES2019 對字符串實例新增了trimStart()和trimEnd()這兩個方法。它們的行為與trim()一致，trimStart()消除字符串頭部的空格，trimEnd()消除尾部的空格。它們返回的都是新字符串，不會修改原始字符串。

 

字符串的實例方法replace()只能替換第一個匹配。

)
// 'aa_bcc'

 

引入了replaceAll()方法，可以一次性替換所有匹配。 實例方法：replaceAll() 返回一個新的字符串，不會改變原字符串

'aabbcc'.replaceAll('b', '_')
// 'aa__cc'

 

substring( ) 方法