es6第五章
字符串新增方法
1.String.fromCodePoint()
- ES5 提供String.fromCharCode()方法奴紧,用于從 Unicode 碼點(diǎn)返回對(duì)應(yīng)字符粪摘,但是這個(gè)方法不能識(shí)別碼點(diǎn)大于0xFFFF的字符。
String.fromCharCode(0x20BB7) // "?"
- ES6 提供了String.fromCodePoint()方法擅笔,可以識(shí)別大于0xFFFF的字符舆乔,彌補(bǔ)了String.fromCharCode()方法的不足。在作用上缘回,正好與下面的codePointAt()方法相反吆视。當(dāng)String.fromCodePoint方法有多個(gè)參數(shù),則它們會(huì)被合并成一個(gè)字符串返回酥宴。
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y' // true
fromCodePoint方法定義在String對(duì)象上啦吧,而codePointAt方法定義在字符串的實(shí)例對(duì)象上。
2.String.raw()
- ES6 還為原生的 String 對(duì)象拙寡,提供了一個(gè)raw()方法授滓。
String.raw`Hi\n${2+3}!`;
// 返回 "Hi\\n5!"
String.raw`Hi\u000A!`;
// 返回 "Hi\\u000A!"
- String.raw()方法可以作為處理模板字符串的基本方法,它會(huì)將所有變量替換肆糕,而且對(duì)斜杠進(jìn)行轉(zhuǎn)義般堆,方便下一步作為字符串來(lái)使用。
- 作為函數(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é)儲(chǔ)存的字符绍申,返回一個(gè)字符的碼點(diǎn)噩咪。
- codePointAt()方法會(huì)正確返回 32 位的 UTF-16 字符的碼點(diǎn)顾彰。對(duì)于那些兩個(gè)字節(jié)儲(chǔ)存的常規(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()方法厕隧,用來(lái)將字符的不同表示方法統(tǒng)一為同樣的形式,這稱為 Unicode 正規(guī)化俄周。
'\u01D1'.normalize() === '\u004F\u030C'.normalize()
// true
- normalize方法可以接受一個(gè)參數(shù)來(lái)指定normalize的方式吁讨,參數(shù)的四個(gè)可選值如下。
-
NFC
峦朗,默認(rèn)參數(shù)建丧,表示“標(biāo)準(zhǔn)等價(jià)合成”(Normalization Form Canonical Composition),返回多個(gè)簡(jiǎn)單字符的合成字符波势。所謂“標(biāo)準(zhǔn)等價(jià)”指的是視覺(jué)和語(yǔ)義上的等價(jià)翎朱。 -
NFD
,表示“標(biāo)準(zhǔn)等價(jià)分解”(Normalization Form Canonical Decomposition)尺铣,即在標(biāo)準(zhǔn)等價(jià)的前提下拴曲,返回合成字符分解的多個(gè)簡(jiǎn)單字符。 -
NFKC
凛忿,表示“兼容等價(jià)合成”(Normalization Form Compatibility Composition)澈灼,返回合成字符。所謂“兼容等價(jià)”指的是語(yǔ)義上存在等價(jià)店溢,但視覺(jué)上不等價(jià)蕉汪,比如“囍”和“喜喜”。(這只是用來(lái)舉例逞怨,normalize方法不能識(shí)別中文。) -
NFKD
福澡,表示“兼容等價(jià)分解”(Normalization Form Compatibility Decomposition)叠赦,即在兼容等價(jià)的前提下,返回合成字符分解的多個(gè)簡(jiǎn)單字符革砸。
不過(guò)除秀,normalize方法目前不能識(shí)別三個(gè)或三個(gè)以上字符的合成。這種情況下算利,還是只能使用正則表達(dá)式册踩,通過(guò) Unicode 編號(hào)區(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ǔ)全長(zhǎng)度的功能引镊。如果某個(gè)字符串不夠指定長(zhǎng)度朦蕴,會(huì)在頭部或尾部補(bǔ)全。padStart()用于頭部補(bǔ)全弟头,padEnd()用于尾部補(bǔ)全吩抓。
-
padStart()
和padEnd()
一共接受兩個(gè)參數(shù),第一個(gè)參數(shù)是字符串補(bǔ)全生效的最大長(zhǎng)度赴恨,第二個(gè)參數(shù)是用來(lái)補(bǔ)全的字符串疹娶。 - 如果原字符串的長(zhǎng)度,等于或大于最大長(zhǎng)度伦连,則字符串補(bǔ)全不生效雨饺,返回原字符串。
- 如果用來(lái)補(bǔ)全的字符串與原字符串惑淳,兩者的長(zhǎng)度之和超過(guò)了最大長(zhǎng)度额港,則會(huì)截去超出位數(shù)的補(bǔ)全字符串。
- 如果省略第二個(gè)參數(shù)歧焦,默認(rèn)使用空格補(bǔ)全長(zhǎng)度移斩。
-
padStart()
的常見(jiàn)用途是為數(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對(duì)字符串實(shí)例新增了trimStart()和trimEnd()這兩個(gè)方法舰涌。它們的行為與trim()一致猖任,trimStart()消除字符串頭部的空格,trimEnd()消除尾部的空格瓷耙。它們返回的都是新字符串朱躺,不會(huì)修改原始字符串刁赖。
- 瀏覽器還部署了額外的兩個(gè)方法,trimLeft()是trimStart()的別名室琢,trimRight()是trimEnd()的別名乾闰。
9.#### 實(shí)例方法:matchAll()
- matchAll()方法返回一個(gè)正則表達(dá)式在當(dāng)前字符串的所有匹配