es6第五章

字符串新增方法

1.String.fromCodePoint()

• ES5 提供String.fromCharCode()方法，用于從 Unicode 碼點(diǎn)返回對應(yīng)字符，但是這個(gè)方法不能識別碼點(diǎn)大于0xFFFF的字符。String.fromCharCode(0x20BB7) // "?"
• ES6 提供了String.fromCodePoint()方法，可以識別大于0xFFFF的字符，彌補(bǔ)了String.fromCharCode()方法的不足。在作用上，正好與下面的codePointAt()方法相反。當(dāng)String.fromCodePoint方法有多個(gè)參數(shù)，則它們會(huì)被合并成一個(gè)字符串返回。String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y' // true
  fromCodePoint方法定義在String對象上，而codePointAt方法定義在字符串的實(shí)例對象上。

2.String.raw()

• ES6 還為原生的 String 對象，提供了一個(gè)raw()方法。

String.raw`Hi\n${2+3}!`;
// 返回 "Hi\\n5!"
String.raw`Hi\u000A!`;
// 返回 "Hi\\u000A!"

• String.raw()方法可以作為處理模板字符串的基本方法，它會(huì)將所有變量替換，而且對斜杠進(jìn)行轉(zhuǎn)義，方便下一步作為字符串來使用。
• 作為函數(shù)，String.raw()的代碼實(shí)現(xiàn)基本如下。

String.raw = function (strings, ...values) {
  let output = '';
  let index;
  for (index = 0; index < values.length; index++) {
    output += strings.raw[index] + values[index];
  }

  output += strings.raw[index]
  return output;
}

3.實(shí)例方法：codePointAt()

• ES6 提供了codePointAt()方法，能夠正確處理 4 個(gè)字節(jié)儲存的字符，返回一個(gè)字符的碼點(diǎn)。
• codePointAt()方法會(huì)正確返回 32 位的 UTF-16 字符的碼點(diǎn)。對于那些兩個(gè)字節(jié)儲存的常規(guī)字符，它的返回結(jié)果與charCodeAt()方法相同。
• codePointAt()方法返回的是碼點(diǎn)的十進(jìn)制值，如果想要十六進(jìn)制的值，可以使用toString()方法轉(zhuǎn)換一下。

let s = '??a';

s.codePointAt(0).toString(16) // "20bb7"
s.codePointAt(2).toString(16) // "61"

4.實(shí)例方法：normalize()

• ES6 提供字符串實(shí)例的normalize()方法，用來將字符的不同表示方法統(tǒng)一為同樣的形式，這稱為 Unicode 正規(guī)化。

'\u01D1'.normalize() === '\u004F\u030C'.normalize()
// true

• normalize方法可以接受一個(gè)參數(shù)來指定normalize的方式，參數(shù)的四個(gè)可選值如下。
• NFC，默認(rèn)參數(shù)，表示“標(biāo)準(zhǔn)等價(jià)合成”（Normalization Form Canonical Composition），返回多個(gè)簡單字符的合成字符。所謂“標(biāo)準(zhǔn)等價(jià)”指的是視覺和語義上的等價(jià)。
• NFD，表示“標(biāo)準(zhǔn)等價(jià)分解”（Normalization Form Canonical Decomposition），即在標(biāo)準(zhǔn)等價(jià)的前提下，返回合成字符分解的多個(gè)簡單字符。
• NFKC，表示“兼容等價(jià)合成”（Normalization Form Compatibility Composition），返回合成字符。所謂“兼容等價(jià)”指的是語義上存在等價(jià)，但視覺上不等價(jià)，比如“囍”和“喜喜”。（這只是用來舉例，normalize方法不能識別中文。）
• NFKD，表示“兼容等價(jià)分解”（Normalization Form Compatibility Decomposition），即在兼容等價(jià)的前提下，返回合成字符分解的多個(gè)簡單字符。

不過，normalize方法目前不能識別三個(gè)或三個(gè)以上字符的合成。這種情況下，還是只能使用正則表達(dá)式，通過 Unicode 編號區(qū)間判斷。

5.實(shí)例方法：includes(), startsWith(), endsWith()

• includes()：返回布爾值，表示是否找到了參數(shù)字符串。
• startsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。
• endsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的尾部。

6.實(shí)例方法：repeat()

• repeat方法返回一個(gè)新字符串，表示將原字符串重復(fù)n次。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""

• 參數(shù)如果是小數(shù)，會(huì)被取整。
• 如果repeat的參數(shù)是負(fù)數(shù)或者Infinity，會(huì)報(bào)錯(cuò)。
• 參數(shù)NaN等同于 0。
• 如果repeat的參數(shù)是字符串，則會(huì)先轉(zhuǎn)換成數(shù)字。

7.實(shí)例方法：padStart()，padEnd()

• ES2017 引入了字符串補(bǔ)全長度的功能。如果某個(gè)字符串不夠指定長度，會(huì)在頭部或尾部補(bǔ)全。padStart()用于頭部補(bǔ)全，padEnd()用于尾部補(bǔ)全。
• padStart()和padEnd()一共接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是字符串補(bǔ)全生效的最大長度，第二個(gè)參數(shù)是用來補(bǔ)全的字符串。
• 如果原字符串的長度，等于或大于最大長度，則字符串補(bǔ)全不生效，返回原字符串。
• 如果用來補(bǔ)全的字符串與原字符串，兩者的長度之和超過了最大長度，則會(huì)截去超出位數(shù)的補(bǔ)全字符串。
• 如果省略第二個(gè)參數(shù)，默認(rèn)使用空格補(bǔ)全長度。
• padStart()的常見用途是為數(shù)值補(bǔ)全指定位數(shù)。下面代碼生成 10 位的數(shù)值字符串。
• 另一個(gè)用途是提示字符串格式。

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

8.實(shí)例方法：trimStart()，trimEnd()

• ES2019對字符串實(shí)例新增了trimStart()和trimEnd()這兩個(gè)方法。它們的行為與trim()一致，trimStart()消除字符串頭部的空格，trimEnd()消除尾部的空格。它們返回的都是新字符串，不會(huì)修改原始字符串。
• 瀏覽器還部署了額外的兩個(gè)方法，trimLeft()是trimStart()的別名，trimRight()是trimEnd()的別名。

9.#### 實(shí)例方法：matchAll()

• matchAll()方法返回一個(gè)正則表達(dá)式在當(dāng)前字符串的所有匹配