ES6總結(jié)4- 字符串?dāng)U展

ES6學(xué)習(xí)總結(jié)是自己在學(xué)習(xí)過程中的總結(jié)嚎幸,記筆記就是為了督促自己學(xué)習(xí)和復(fù)習(xí),好記性不如爛筆頭述寡。如果有錯(cuò)誤,感謝指出叶洞。

字符串?dāng)U展

有一些方法ES7提案鲫凶,需要安裝處理兼容的補(bǔ)丁庫,否則es6沒辦法編譯通過

npm install babel-polyfill --save-dev
import 'babel-polyfill';
Unicode表示方法

A 的unicode表示方法 \u0061

當(dāng)碼值大于兩個(gè)字節(jié)\U20BB7輸出的:□7衩辟,并沒有按一個(gè)字符來處理螟炫。
當(dāng)碼值大于兩個(gè)字節(jié),用大括號(hào)括起來
Unicode不區(qū)分大小寫

{
  console.log('a',`\u0061`);
  console.log('s',`\u20BB7`);//□7
  console.log('s',`\u{20BB7}`);//?? 字符
}
{
  let s='??';
  console.log('length',s.length);//2
  //因?yàn)??的碼值大于兩個(gè)字節(jié)艺晴,這時(shí)候就把他處理成4個(gè)字節(jié)了不恭??财饥,計(jì)算長度的時(shí)候每兩個(gè)字節(jié)就算是一個(gè)長度换吧。
  
  //取第一第二個(gè)字符
  //取第一第二個(gè)字符的unicode碼值
  console.log('0',s.charAt(0));//亂碼
  console.log('1',s.charAt(1));//亂碼
  console.log('at0',s.charCodeAt(0));//55362
  console.log('at1',s.charCodeAt(1));//57271

  //es6處理
  let s1='??a';
  console.log('length',s1.length);//3
  console.log('code0',s1.codePointAt(0));//134071 10進(jìn)制
  console.log('code0',s1.codePointAt(0).toString(16));//20bb7
  console.log('code1',s1.codePointAt(1));//57271 ??的最后兩個(gè)字節(jié)
  console.log('code2',s1.codePointAt(2));//97(也就是a) 
}
{
    //能不能處理大于兩個(gè)字節(jié)的unicode字符
    console.log(String.fromCharCode("0x20bb7"));
    console.log(String.fromCodePoint("0x20bb7"));
}

字符串遍歷器接口

{
  let str='\u{20bb7}abc';
  for(let i=0;i<str.length;i++){
    console.log('es5',str[i]);//亂碼 亂碼 a b c
  }
  for(let code of str){
    console.log('es6',code);//for of可以遍歷大于0xfff的字符 
    // ?? a b c
  } 
}

實(shí)用方法

判斷字符串中是不是包含某些字符?
一個(gè)字符串是否是以某些字符為起始/截止的钥星?
字符串重置多次

{
  let str="string";
  console.log('includes',str.includes("c"));//判斷字符串是否包含給定字符(includes)
  console.log('start',str.startsWith('str'));//判斷是否以給定字符開始(startsWith)
  console.log('end',str.endsWith('ng'));//判斷是否以給定字符結(jié)束(endsWith)
}

模板字符串

不是單引號(hào)沾瓦,鍵盤數(shù)字1左側(cè)的按鍵

{
  let name="list";
  let info="hello world";
  let m=`i am ${name},${info}`;
  console.log(m);
}

ES7草案:判斷字符串長度是否夠,不夠補(bǔ)指定內(nèi)容

console.log('1'.padStart(2,'0'));//01
console.log('1'.padEnd(2,'0'));//10

標(biāo)簽?zāi)0?/h4>
{
  let user={
    name:'list',
    info:'hello world'
  };
  console.log(abc`i am ${user.name},${user.info}`);
  function abc(s,v1,v2){
    console.log(s,v1,v2);
    return s+v1+v2
  }
}

用這個(gè)防xss攻擊谦炒,處理多語言轉(zhuǎn)換

String.raw

String.raw()方法贯莺,往往用來充當(dāng)模板字符串的處理函數(shù),返回一個(gè)斜杠都被轉(zhuǎn)義(即斜杠前面再加一個(gè)斜杠)的字符串宁改,對(duì)應(yīng)于替換變量后的模板字符串缕探。

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

如果原字符串的斜杠已經(jīng)轉(zhuǎn)義,那么String.raw()不會(huì)做任何處理还蹲。





















?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末爹耗,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子谜喊,更是在濱河造成了極大的恐慌潭兽,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斗遏,死亡現(xiàn)場(chǎng)離奇詭異山卦,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)诵次,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門账蓉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來枚碗,“玉大人,你說我怎么就攤上這事铸本“褂辏” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵归敬,是天一觀的道長。 經(jīng)常有香客問我鄙早,道長汪茧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任限番,我火速辦了婚禮舱污,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘弥虐。我一直安慰自己扩灯,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布霜瘪。 她就那樣靜靜地躺著珠插,像睡著了一般。 火紅的嫁衣襯著肌膚如雪颖对。 梳的紋絲不亂的頭發(fā)上捻撑,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音缤底,去河邊找鬼顾患。 笑死,一個(gè)胖子當(dāng)著我的面吹牛个唧,可吹牛的內(nèi)容都是我干的江解。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼徙歼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼犁河!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起魄梯,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤呼股,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后画恰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彭谁,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年允扇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缠局。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片则奥。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖狭园,靈堂內(nèi)的尸體忽然破棺而出读处,到底是詐尸還是另有隱情,我是刑警寧澤唱矛,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布罚舱,位于F島的核電站,受9級(jí)特大地震影響绎谦,放射性物質(zhì)發(fā)生泄漏管闷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一窃肠、第九天 我趴在偏房一處隱蔽的房頂上張望包个。 院中可真熱鬧,春花似錦冤留、人聲如沸碧囊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽糯而。三九已至,卻和暖如春泊窘,著一層夾襖步出監(jiān)牢的瞬間歧蒋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國打工州既, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谜洽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓吴叶,卻偏偏與公主長得像阐虚,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蚌卤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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