es6第五章學(xué)習(xí)

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)前字符串的所有匹配
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市盈滴,隨后出現(xiàn)的幾起案子涯肩,更是在濱河造成了極大的恐慌,老刑警劉巖巢钓,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件病苗,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡症汹,警方通過(guò)查閱死者的電腦和手機(jī)硫朦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)背镇,“玉大人咬展,你說(shuō)我怎么就攤上這事÷髡叮” “怎么了破婆?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)胸囱。 經(jīng)常有香客問(wèn)我祷舀,道長(zhǎng),這世上最難降的妖魔是什么烹笔? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任裳扯,我火速辦了婚禮,結(jié)果婚禮上谤职,老公的妹妹穿的比我還像新娘饰豺。我一直安慰自己,他們只是感情好允蜈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布冤吨。 她就那樣靜靜地躺著,像睡著了一般陷寝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上其馏,一...
    開(kāi)封第一講書(shū)人閱讀 51,679評(píng)論 1 305
  • 那天凤跑,我揣著相機(jī)與錄音,去河邊找鬼叛复。 笑死仔引,一個(gè)胖子當(dāng)著我的面吹牛扔仓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播咖耘,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼翘簇,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了儿倒?” 一聲冷哼從身側(cè)響起版保,我...
    開(kāi)封第一講書(shū)人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎夫否,沒(méi)想到半個(gè)月后彻犁,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡凰慈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年汞幢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片微谓。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡森篷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出豺型,到底是詐尸還是另有隱情仲智,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布触创,位于F島的核電站坎藐,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏哼绑。R本人自食惡果不足惜岩馍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望抖韩。 院中可真熱鬧蛀恩,春花似錦、人聲如沸茂浮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)席揽。三九已至顽馋,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間幌羞,已是汗流浹背寸谜。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留属桦,地道東北人熊痴。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓他爸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親果善。 傳聞我的和親對(duì)象是個(gè)殘疾皇子诊笤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容