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

2021-09-24 03:28:49 字數 2112 閱讀 6015

`);

console.log('b',`\u`);

console.log('b',`\u`);

// 這時處理大於0xffff,在es6中用{}包括起來就表示unicode,此時可以正常編碼

}

es5中知識點:兩個用於訪問字串中特定字元的方法是:charat()和charcodeat()。這兩個方法都接收乙個

引數,即基於0 的字元位置。其中,charat()方法以單字元字串的形式返回給定位置的那個字元

(ecmascript 中沒有字元型別)。例如:

var strin**alue = "hello world";

alert(strin**alue.charat(1)); //"e"

字串"hello world"位置1 處的字元是"e",因此呼叫charat(1)就返回了"e"。如果你想得到

的不是字元而是字元編碼,那麼就要像下面這樣使用charcodeat()了。

var strin**alue = "hello world";

alert(strin**alue.charcodeat(1)); //輸出"101"

這個例子輸出的是"101",也就是小寫字母"e"的字元編碼。

charat()和charcodeat()對字元處理是不合理的!

es6中

codepointa

t取碼值,取出來的是十進位制的,如果需要轉成十六進製制,用

tostring(16)轉成16進製制

比較特別!!!

t(0) 取出來的是整個編碼值

134071;

codepointa

t(1) 取出來的整個碼的後兩位;

codepointa

t(2)

取出來的是a的值97;

字串遍歷,es5和es6的對比

abc';

for(let i=0;i// es5的結果:不能正常處理

es6的結果:正常解碼

字串方法

// raw

`);//使\n換行符不生效,提前做了在\n之前的多加了個\這樣就不生效了

console.log(`hi\n$`);

}

模板字串如果使用模板字串表示多行字串,所有的空格和縮排都會被保留在輸出之中。

$('#list').html(`

`);

上面**中,所有模板字串的空格和換行,都是被保留的,比如

`.trim());

,$`;

//首先使用的是1鍵左邊的那個按鍵叫做反引號,變數包裹用${}

console.log(m);}

標籤模板

作用:在過濾html字串的時候,防止xss攻擊的時候特別好!

模板是多語言的轉換,這個時候一套模板可以通過return不同返回值實現!

;

console.log(abc`i am $,$`);

}

ES6 字串 模板字串

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

ES6字串模板 字串新增方法

模板字串的基本用法 模板語法 esc鍵上的單引號 以前的寫法 無法換行,需要使用字串拼接 let html asdkfuhia console.log html 輸出結果 asdkfuhia 沒有一點格式。看起來很混亂 字串模板寫法 可以隨意的換行,模板語法 esc鍵上的單引號 let html 今...

ES6 字串 字串

又到了一天一度的寫筆記的時間了,今天看的es6字串部分,因為內容我感覺挺多的,而且需要理解,所以第二個部分模板字串的筆記就放到明天來寫了,今天就寫一下學習字串物件的筆記,筆記分為以下幾點 開始今天的筆記吧!什麼字元的表示方法?第一次聽到這個問題的時候,可能一臉蒙,我查閱了一下資料,簡單的大概的了解了...