欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript6中字符串的四個(gè)新用法分享

 更新時(shí)間：2016年09月11日 17:38:16   投稿：daisy  
本文將要介紹在JavaScript 6(ES6)里出現(xiàn)的一個(gè)關(guān)于字符串操作的語(yǔ)法特征，有需要的朋友們可以參考學(xué)習(xí)，下面來(lái)一起來(lái)看看吧。

以下就是JavaScript6中字符串的四個(gè)新用法：

一、Unicode字符的新表示方法

Unicode字符通常是21個(gè)bit的，而普通的JavaScript字符(大部分)是16bit的，可以編碼成UTF-16。超過(guò)16bit的字符需要用2個(gè)常規(guī)字符表示。

比如，下面的的代碼將會(huì)輸出一個(gè)Unicode小火箭字符(‘\uD83D\uDE80')，你可以在瀏覽器的console里試一下:

  console.log('\uD83D\uDE80');

在 ECMAScript 6 里，可以使用新的表示方法，更簡(jiǎn)潔：

  console.log('\u{1F680}');

二、多行字符串定義和模板字符串

模板字符串提供了三個(gè)有用的語(yǔ)法功能。

首先，模板字符串支持嵌入字符串變量：

  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前綴，字符串將會(huì)保持原始狀況。反斜線(\)將不表示轉(zhuǎn)義，其它專業(yè)字符，比如 \n 也不會(huì)被轉(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)字符串里的每個(gè)字符：

  for (let ch of 'abc') {
    console.log(ch);
  }
  // Output:
  // a
  // b
  // c

而且，你可以使用拆分符 (...) 將字符串拆分成字符數(shù)組：

  let chars = [...'abc'];
    // ['a', 'b', 'c']

四、字符串包含判斷和重復(fù)復(fù)制字符串

有三個(gè)新的方法能檢查一個(gè)字符串是否包含另外一個(gè)字符串：

  > 'hello'.startsWith('hell')
  true
  > 'hello'.endsWith('ello')
  true
  > 'hello'.includes('ell')
  true

這些方法有一個(gè)可選的第二個(gè)參數(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中字符串的四個(gè)新用法，大家都學(xué)會(huì)了嗎？希望這篇文章對(duì)大家能有所幫助，如果有疑問(wèn)大家可以留言交流。

相關(guān)文章

  • JavaScript訪問(wèn)CSS屬性的幾種方式介紹

    JavaScript訪問(wèn)CSS屬性的幾種方式介紹

    要通過(guò)元素訪問(wèn)樣式表，那么就應(yīng)該先確定是哪個(gè)元素。直接訪問(wèn)樣式表在該樣式塊里找相應(yīng)的樣式規(guī)則，最后在該樣式規(guī)則里找相應(yīng)的樣式
    2014-07-07
  • js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件

    js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件

    下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • url傳遞的參數(shù)值中包含&時(shí),url自動(dòng)截?cái)鄦?wèn)題的解決方法

    url傳遞的參數(shù)值中包含&時(shí),url自動(dòng)截?cái)鄦?wèn)題的解決方法

    下面小編就為大家?guī)?lái)一篇url傳遞的參數(shù)值中包含&時(shí)，url自動(dòng)截?cái)鄦?wèn)題的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-08-08
  • 原生JS實(shí)現(xiàn)的跳一跳小游戲完整實(shí)例

    原生JS實(shí)現(xiàn)的跳一跳小游戲完整實(shí)例

    這篇文章主要介紹了原生JS實(shí)現(xiàn)的跳一跳小游戲,結(jié)合完整實(shí)例形式分析了javascript實(shí)現(xiàn)跳一跳游戲的原理、實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01
  • 移動(dòng)端基礎(chǔ)事件總結(jié)與應(yīng)用

    移動(dòng)端基礎(chǔ)事件總結(jié)與應(yīng)用

    本文主要介紹了移動(dòng)端基礎(chǔ)事件總結(jié)與應(yīng)用，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
    2017-01-01
  • 微信小程序自定義toast組件的方法詳解【含動(dòng)畫】

    微信小程序自定義toast組件的方法詳解【含動(dòng)畫】

    這篇文章主要介紹了微信小程序自定義toast組件的方法,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序自定義toast組件的步驟、實(shí)現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下
    2019-05-05
  • bootstrap 點(diǎn)擊空白處popover彈出框隱藏實(shí)例

    bootstrap 點(diǎn)擊空白處popover彈出框隱藏實(shí)例

    下面小編就為大家分享一篇bootstrap 點(diǎn)擊空白處popover彈出框隱藏實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-01
  • 利用ES6實(shí)現(xiàn)單例模式及其應(yīng)用詳解

    利用ES6實(shí)現(xiàn)單例模式及其應(yīng)用詳解

    單例是在程序設(shè)計(jì)非?；A(chǔ)的東西，這篇文章主要給大家介紹了關(guān)于利用ES6實(shí)現(xiàn)單例模式及其應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-12-12
  • JavaScript類繼承及實(shí)例化的方法

    JavaScript類繼承及實(shí)例化的方法

    這篇文章主要介紹了JavaScript類繼承及實(shí)例化的方法,較為詳細(xì)的分析了javascript擴(kuò)展類、實(shí)例化類及類對(duì)象與成員函數(shù)的使用技巧,需要的朋友可以參考下
    2015-07-07
  • 微信小程序?qū)崟r(shí)聊天WebSocket

    微信小程序?qū)崟r(shí)聊天WebSocket

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崟r(shí)聊天WebSocket的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-07-07

最新評(píng)論