ES6字串模板 字串新增方法

2021-09-11 19:26:12 字數 1854 閱讀 6243

模板字串的基本用法: 

模板語法:esc鍵上的單引號:  

`  `

以前的寫法:無法換行,需要使用字串拼接  

let html = "asdkfuhia

" console.log(html)

輸出結果:

// asdkfuhia

//沒有一點格式。看起來很混亂

字串模板寫法:可以隨意的換行,模板語法:esc鍵上的單引號:``.

let html = `今天天氣很好

`console.log(html)

輸出結果:

////// // 今天天氣很好

//

////模板語法可以保留html樹形格式。

模板字串傳值:$

//模板語法傳值:$

let classname = "text";

let str = "今天天氣很好";

let html = `$

`console.log(html)

輸出結果:

////// // 今天天氣很好

//

//

es6 (es2016)字串新增方法:

查詢:str.includes( 

val)

查詢 red

let str = "red blue yellow";

以前都是用 str.indexof( val ) 返回的是索引(位置),沒找到返回 -1

if(str.indexof("red")!= -1)else

es2016新增 str.includes( val ) 返回的是 true/false

alert(str.includes("red")) // 彈出 true

以xx開頭結尾:str.startswith(

val)、str.endswith( 

val)

let str = "";

判斷是否是以「https」 開頭,多用於及檢測位址

str.startswith("https") // 返回true

判斷是否是以「6475」 結尾,多用於判斷檔案的格式

str.endswith("6475") // 返回true

重複字串:str.repeat(

num

)

let str = "abc"

let str2 = str.repeat(3); // 重複3次

console.log(str2) // abcabcabc

字串填充:str.padstart(

num , val

)、str.padend(

num , val 

)

前面填充:str.padstart( num , val) 

後面填充:str.padend( num , val )

num:表示填充完後整個字串的長度(原字串的長度+要填充的字串的長度)

val:表示要填充的字串

let str = "123456789";

let str2 = "abc"

str.padstart( str.length + str2.length, val) // abc123456789

--------------------------

str.padend( str.length + str2.length, val ) // 123456789abc

ES6 字串 模板字串

昨天學習了字串物件和字串的表示,就是利用utf 8等不同的編碼方式,還有許多的物件方法,都是處理字串的方法,挺方便的,今天我學習了一下字串模板,這裡記錄i一下學習的筆記,當然,今天學習了部分內容,如果筆記有沒涉及到的,可以再自行學習,話不多說,這次筆記分為兩部分 正文開始 1 傳統的字串輸出模板就是...

ES6字串新增方法

確定乙個字串是否包含在另乙個字串中。方法返回乙個新字串,表示將原字串重複n次。es2017 引入了字串補全長度的功能。如果某個字串不夠指定長度,會在頭部或尾部補全。padstart 用於頭部補全,padend 用於尾部補全。第乙個引數長度 第二個引數補的資料,超過要補的長度就擷取,小於長度就整體補充...

詳解ES6字串新增,字串模板等

console.log b u console.log b u 這時處理大於0xffff,在es6中用 包括起來就表示unicode,此時可以正常編碼 es5中知識點 兩個用於訪問字串中特定字元的方法是 charat 和charcodeat 這兩個方法都接收乙個 引數,即基於0 的字元位置。其中,c...