Javascript6中字符串的四個新用法分享
更新時間：2016年09月11日 17:38:16 投稿：daisy
本文將要介紹在JavaScript 6(ES6)里出現(xiàn)的一個關(guān)于字符串操作的語法特征，有需要的朋友們可以參考學(xué)習(xí)，下面來一起來看看吧。
以下就是JavaScript6中字符串的四個新用法：
一、Unicode字符的新表示方法
Unicode字符通常是21個bit的，而普通的JavaScript字符(大部分)是16bit的，可以編碼成UTF-16。超過16bit的字符需要用2個常規(guī)字符表示。
比如，下面的的代碼將會輸出一個Unicode小火箭字符(‘\uD83D\uDE80')，你可以在瀏覽器的console里試一下:
console.log('\uD83D\uDE80');
在 ECMAScript 6 里，可以使用新的表示方法，更簡潔：
console.log('\u{1F680}');
二、多行字符串定義和模板字符串
模板字符串提供了三個有用的語法功能。
首先，模板字符串支持嵌入字符串變量：
let first = 'Jane';
let last = 'Doe';
console.log(`Hello ${first} ${last}!`);
// Hello Jane Doe!
第二，模板字符串支持直接定義多行字符串：
let multiLine = ` This is a string with multiple lines`;
第三，如果你把字符串加上String.raw前綴，字符串將會保持原始狀況。反斜線(\)將不表示轉(zhuǎn)義，其它專業(yè)字符，比如 \n 也不會被轉(zhuǎn)義：
let raw = String.raw`Not a newline: \n`; console.log(raw === 'Not a newline: \\n'); // true
三、循環(huán)遍歷字符串
字符串可遍歷循環(huán)，你可以使用 for-of 循環(huán)字符串里的每個字符：
for (let ch of 'abc') {
console.log(ch);
}
// Output:
// a
// b
// c
而且，你可以使用拆分符 (...) 將字符串拆分成字符數(shù)組：
let chars = [...'abc'];
// ['a', 'b', 'c']
四、字符串包含判斷和重復(fù)復(fù)制字符串
有三個新的方法能檢查一個字符串是否包含另外一個字符串：
> 'hello'.startsWith('hell')
true
> 'hello'.endsWith('ello')
true
> 'hello'.includes('ell')
true
這些方法有一個可選的第二個參數(shù)，指出搜索的起始位置：
> 'hello'.startsWith('ello', 1)
true
> 'hello'.endsWith('hell', 4)
true
> 'hello'.includes('ell', 1)
true
> 'hello'.includes('ell', 2)
false
repeat()方法能重復(fù)復(fù)制字符串：
> 'doo '.repeat(3) 'doo doo doo '
總結(jié)
以上就是關(guān)于Javascript6中字符串的四個新用法，大家都學(xué)會了嗎？希望這篇文章對大家能有所幫助，如果有疑問大家可以留言交流。
相關(guān)文章
要通過元素訪問樣式表，那么就應(yīng)該先確定是哪個元素。直接訪問樣式表在該樣式塊里找相應(yīng)的樣式規(guī)則，最后在該樣式規(guī)則里找相應(yīng)的樣式2014-07-07
js實現(xiàn)動態(tài)創(chuàng)建的元素綁定事件
下面小編就為大家?guī)硪黄猨s實現(xiàn)動態(tài)創(chuàng)建的元素綁定事件。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
url傳遞的參數(shù)值中包含&時,url自動截斷問題的解決方法
下面小編就為大家?guī)硪黄猽rl傳遞的參數(shù)值中包含&時，url自動截斷問題的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了原生JS實現(xiàn)的跳一跳小游戲,結(jié)合完整實例形式分析了javascript實現(xiàn)跳一跳游戲的原理、實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
本文主要介紹了移動端基礎(chǔ)事件總結(jié)與應(yīng)用，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了微信小程序自定義toast組件的方法,結(jié)合實例形式詳細分析了微信小程序自定義toast組件的步驟、實現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
下面小編就為大家分享一篇bootstrap 點擊空白處popover彈出框隱藏實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
單例是在程序設(shè)計非常基礎(chǔ)的東西，這篇文章主要給大家介紹了關(guān)于利用ES6實現(xiàn)單例模式及其應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
這篇文章主要介紹了JavaScript類繼承及實例化的方法,較為詳細的分析了javascript擴展類、實例化類及類對象與成員函數(shù)的使用技巧,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了微信小程序?qū)崟r聊天WebSocket的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07