国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6--字符串的擴(kuò)展

Gu_Yan / 1031人閱讀

摘要：現(xiàn)在整理下中字符串類型的一些實(shí)用擴(kuò)展，供大家參考。返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。如果原字符串的長度，等于或者大于制定最小長度，則返回原字符串。方法，當(dāng)作模板字符串的處理函數(shù)，返回已替換變量或執(zhí)行函數(shù)后的字符串。

最近開發(fā)小程序，對應(yīng)ES6是一個(gè)很好的應(yīng)用機(jī)會(huì)。現(xiàn)在整理下ES6中字符串類型的一些實(shí)用擴(kuò)展，供大家參考。目前主要是參考阮一峰老師的ECMAScript 6 入門
字符串的遍歷接口

ES6為字符串添加了遍歷接口，使得字符串可以被for..of遍歷。

for(let st of "foo") {
  console.log(st)
}
// "f"
// "o"
// "o"
includes()、startsWith()、endsWith()

ES5中，indexOf()可以一個(gè)字符串是否存在另一個(gè)字符串中。ES6中又提供了三個(gè)方法：

includes(): 返回布爾值，表示是否找個(gè)參數(shù)字符串。

startsWith(): 返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。

endsWith(): 返回布爾值，表示參數(shù)字符串是否在原字符串的尾部。

let string = "Hello Clearlove"

string.includes("Clearlove"); // true
string.stattsWith("Hello"); // true
string.endsWith("Clearlove"); // true

這三個(gè)方法都支持第二個(gè)參數(shù)，表示開始搜索的位置：

let string = "Hello Clearlove"

string.includes("Clearlove", 6); //true
string.starstWith("Hello", 6); false
string.endsWith("Hello", 5); // true

使用第二個(gè)參數(shù)n時(shí)，endsWith()的行為與其他兩個(gè)方法有所不同。它是針對前n個(gè)字符，而其他兩個(gè)方法針對從第n個(gè)位置直到字符串結(jié)束。

repeat

repeat方法返回一個(gè)新字符串，表示將原字符串重復(fù)n遍。

"x".repeat(2); // "xx"
"Hello".repeat(2); "HelloHello"
"na".repeat(0); ""

如果是小數(shù)則會(huì)向下取整：

"na".repeat(2.9); // "nana"

如果repeat的參數(shù)是負(fù)數(shù)或者Infinity,則會(huì)報(bào)錯(cuò)：

"na".repeat(-1); // RangError
"na".repeat(Infinity); // RangError

但是，如果參數(shù)是0到-1之間的小數(shù)，則等同于0，這是因?yàn)闀?huì)先進(jìn)行取整運(yùn)算。0到-1之間的小數(shù)，取整以后等于-0，repeat視同為0

"na".repeat(-0.9); // ""

參數(shù)NaN等同于0

"na".repeat(NaN); // ""

如果repeat的參數(shù)是字符串，則會(huì)先轉(zhuǎn)換成數(shù)字。

"na".repeat("na") // ""
"na".repeat("3") // "nanana"
padStart()、padEnd()

字符串自動(dòng)補(bǔ)充，如果字符串長度不夠指定長度 ，會(huì)在頭部或者尾部補(bǔ)全。padStart()用于在頭部補(bǔ)全，padEnd()用于在尾部補(bǔ)全。

`love`.padStart(9, "Clear"); // "Clearlove"
"Clear".padEnd(9, "love"); // "Clearlove"

如果原字符串的長度，等于或者大于制定最小長度，則返回原字符串。

"Clearlove".padStart(5, "12"); // "Clearlove"

如果用來補(bǔ)全的字符串與原字符串，兩者的長度之和超過了指定的最小長度，則會(huì)截去超出位數(shù)的補(bǔ)全字符串。

"Clearlove".padEnd(12, "123456"); // "Clearlove123"

如果省略第二個(gè)參數(shù)，默認(rèn)使用空格補(bǔ)全長度。

"Clearlove".padEnd(10); // "Clearlvoe "
模板字符串

模板字符串（template string）是增強(qiáng)版的字符串，用反引號(hào)`標(biāo)識(shí)。它可以當(dāng)作普通字符串使用，也可以用來定義多行字符串，或者在字符串中嵌入變量。

// 普通字符串
`Clearlove is a boy`

// 多行字符串
`Clearlove is
a boy`

// 字符串嵌入變量
let name = "Clearlove", time = "today"
`Hello ${name}, how are you ${time}?` // Hello Clearlove, how are you today?

上面代碼中的模板字符串，都是用反引號(hào)表示。如果在模板字符串中需要使用反引號(hào)，則前面要用反斜杠轉(zhuǎn)義。

``Hello` Clearlove!` // `Hello` Clearlove

如果使用模板字符串表示多行字符串，所有的空格和縮進(jìn)都會(huì)被保留在輸出之中。

$("#list").html(`

    
  
  • first
    • 
  
  • second
    • 


`);

上面代碼中，所有模板字符串的空格和換行，都是被保留的，比如

    標(biāo)簽前面會(huì)有一個(gè)換行。如果你不想要這個(gè)換行，可以使用trim方法消除它。

    $("#list").html(`

      
  
    • first
      • 
  
    • second
      • 

    
`.trim());

    模板字符串中嵌入變量，需要將變量名寫在${}之中。大括號(hào)內(nèi)部可以放入任意的JavaScript表達(dá)式，可以進(jìn)行運(yùn)算，以及引用對象屬性，還能調(diào)用函數(shù)。

    String.raw()

    String.raw()方法，當(dāng)作模板字符串的處理函數(shù)，返回已替換變量或執(zhí)行函數(shù)后的字符串。若模板字符串中存在一個(gè)斜杠，則會(huì)被轉(zhuǎn)義成兩個(gè)斜杠。若本身為兩個(gè)斜杠，則不做處理。

    let s1 = "Clear", s2 = "love"
String.raw`${ s1 + s2 }` // "Clearlove"

    作為函數(shù)調(diào)用較少出現(xiàn)，就不多做介紹。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/88526.html

相關(guān)文章

  • es6學(xué)習(xí)筆記--字符串的擴(kuò)展、數(shù)組的擴(kuò)展、對象的擴(kuò)展

    摘要：字符串的擴(kuò)展字符串的遍歷器接口字符串可以被循環(huán)遍歷。即能識(shí)別編號(hào)大于查詢字符串是否包含某個(gè)字符返回布爾值，表示是否找到了參數(shù)字符串。返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。 字符串的擴(kuò)展 1.字符串的遍歷器接口 字符串可以被for...of循環(huán)遍歷。 與es5的比較for循環(huán)雖可以遍歷字符串，但不能識(shí)別大于oxFFFF的編碼； 2.位置 --> 字符/碼點(diǎn) 根據(jù)指定位置返回對應(yīng)...

    不知名網(wǎng)友 評(píng)論0 收藏0

  • ES6入門之對象的擴(kuò)展

    摘要：循環(huán)遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對象自身的所有屬性的鍵名。目前，只有對象方法的簡寫法可以讓引擎確認(rèn)，定義的是對象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡潔表示法 在ES6中 允許直接寫入變量和函數(shù)，作為對象的屬性和方法，使得代碼的書寫更為簡潔。...

    RiverLi 評(píng)論0 收藏0

  • 《ES6標(biāo)準(zhǔn)入門》讀書筆記

    摘要：標(biāo)準(zhǔn)入門讀書筆記和命令新增命令，用于聲明變量，是塊級(jí)作用域。用于頭部補(bǔ)全，用于尾部補(bǔ)全。函數(shù)調(diào)用的時(shí)候會(huì)在內(nèi)存形成一個(gè)調(diào)用記錄，又稱為調(diào)用幀，保存調(diào)用位置和內(nèi)部變量等信息。等到執(zhí)行結(jié)束再返回給，的調(diào)用幀才消失。 《ES6標(biāo)準(zhǔn)入門》讀書筆記 @(StuRep) showImg(https://segmentfault.com/img/remote/1460000006766369?w=3...

    HollisChuang 評(píng)論0 收藏0

  • ES6入門之對象的擴(kuò)展

    摘要：屬性的簡潔表示法在中允許直接寫入變量和函數(shù)，作為對象的屬性和方法，使得代碼的書寫更為簡潔。循環(huán)遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對象自身的所有屬性的鍵名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 屬性的簡潔表示法 在ES6中 允許直接寫入變量...

    AWang 評(píng)論0 收藏0

  • ES6入門之正則的擴(kuò)展

    摘要：正則的擴(kuò)展參數(shù)為字符串，那么第二個(gè)參數(shù)表示正則表達(dá)式的修飾符，如下等價(jià)于參數(shù)為一個(gè)正則表達(dá)式，這時(shí)返回一個(gè)原有正則表達(dá)式的拷貝。如下調(diào)用調(diào)用調(diào)用調(diào)用修飾符對正則表達(dá)式添加了修飾符，用來正確處理大于的字符。 showImg(https://segmentfault.com/img/bVbrJqm?w=800&h=1200); 1. 正則的擴(kuò)展 參數(shù)為字符串， 那么第二個(gè)參數(shù)表示正則表達(dá)式...

    jifei 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<