字符串的擴展

一、for...of循環遍歷

var str = "hello";
 
for(let i of str) {
    console.log(i);
}

二、includes(), startsWith(), endsWith()

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

     --startsWith()：返回布爾值，表示參數字符串是否在源字符串的頭部。

     --endsWith()：返回布爾值，表示參數字符串是否在源字符串的尾部。

var s = 'Hello world!';
 
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

三、repeat()  repeat方法返回一個新字符串，表示將原字符串重複n次。

'x'.repeat(3) // "xxx"

四、padStart()，padEnd()

     字符串補全長度的功能。若是某個字符串不夠指定長度，會在頭部或尾部補全。padStart()用於頭部補全，padEnd()用於尾部補全。

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

五、模板字符串

     模板字符串（template string）是加強版的字符串，用 反引號（`）標識。它能夠看成普通字符串使用，也能夠用來定義多行字符串，或者在字符串中嵌入變量。

     -- 模板字符串表示多行字符串，全部的空格和縮進都會被保留在輸出之中。

     -- 模板字符串中嵌入變量，須要將變量名寫在 ${}之中

// 普通字符串
`In JavaScript '\n' is a line-feed.`
 
// 多行字符串
`In JavaScript this is
not legal.`
 
// 字符串中嵌入變量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

     -- 標籤模板

         標籤模板其實不是模板，而是函數調用的一種特殊形式。「標籤」指的就是函數，緊跟在後面的模板字符串就是它的參數。

alert`123`
// 等同於
alert(123)