ES6(三) 字串新增的方法

2021-10-05 21:14:00 字數 1600 閱讀 1806

一.在以前的學習過程中學到:

let str =

'abc'

;console.

log(str.

indexof

('b'))

;//找到了下標為1

console.

log(str.

indexof

('o'))

;//未找到,輸出-1;

在es6中,新產生了includes方法,與indexof不同的是

返回的是布林值,存在返回true,不存在返回false;

console.

log(str.

includes

('b'))

;//true;

console.

log(str.

includes

('o'))

;//false;

二.

startswith() / endswith() 返回的是布林值,判斷是不是以某個字元(或字元段)開頭或結尾。

let str =

'hello world!'

console.

log(str.

startswith

('h'))

; console.

log(str.

startswith

('he'))

; console.

log(str.

startswith

('world',6

)); console.

log(str.

endswith

('hello',5

)); console.

log(str.

endswith

('world',11

));

上述結果都返回 true

上面**表示,使用第二個引數n時,endswith的行為與startswith的行為有所不同。

它針對前n個字元,而startswith針對從第n個位置直到字串結束

三.

repeat()重複次數,返回乙個新的字串,表示將原字串重複n次

let str =

'ab'

;console.

log(str.

repeat(2

));//abab

四.

字串補全長度的功能。如果某個字串不夠指定長度,會在頭部或尾部補全。padstart()用於頭部補全,padend()用於尾部補全。第乙個引數為要補成多少位,第二個引數要拿什麼補

console.

log(

'5',

padstart(2

,'0'))

;//05

轉換為二位數,但是5只有一位,用在前面用『0』補上

應用場景:

例如時鐘秒數 5s 我們通常寫為05,這個方法很方便

ES6字串新增方法

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

ES6學習(三) 字串的擴充套件

我只總結一些常用的。涉及到位元組方面的方法暫時不作記錄。1.startswith 和endswith includes,其中他們都有兩個引數,第一引數是包含的字串,第二個引數是個n數字,includes和startswith的第二個引數表示是從這個索引開始,endswith的索引是從0 n。let ...

ES6字串模板 字串新增方法

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