ES6中字串string常用的新增方法小結

2022-10-07 06:39:06 字數 1860 閱讀 4693

es6為js新增了很多方法,包括遍歷、查詢、替換等等,可以很簡潔的替換es5中的類似方法,本文不考慮codepointat等不常用方法。

for…of:

let str="wbiokr";

for(let s of str)

//結果:w, b, i, o, k, r

由於es5並沒有為js制定字串相關遍歷方法,for…of無疑會是接下來前端開發中的乙個很重要角色。

includes:

let str="wbiokr";

str.includes('wb');//結果:true

str.includes('wbiokr');//結果:true

str.includes('w',1);//false

str.includes('b',1);//true

string.includes(s,i)方法引數1為需要查詢字元(串),引數2為查詢的起始位置,返回布林值,而indexof返回查詢的位置。

startswith:

let str="wbwww.cppcns.comiokr";

str.startswith('wb');//結果:true

str.startswith('w');//結果:true

str.startswith('w',1);//結果:false

str.startswith('b',1);/程式設計客棧/true

str.startswith('kr');//結果:false

string.startswith(s,i)方法引數1為需要查詢字元(串),引數2為查詢的起始位置,返回布林值,表示是否字元(串)位於string的頭部位置。

endswith:

let str="wbiokr";

str.endswith('kr');//結果:true

str.endswith('r');//結果:true

str.endswith('wb');//結果:false

str.endswith('i',6);//false

str.endswith('i'程式設計客棧,3);//false

str.endswith('kr',6);//true

string.endswith()方法引數1為需要查詢字元(串),引數2為查詢的起始位置,返回布林值,表示是否字元(串)位於string的尾部位置。

repeat:

let str="wbiokr";

str.repeat(2);//wbiokrwbiokr"str被重複了2次返回,str不改變

'hi'.repeat(3);//"hihihi"

'hi'.repeat(2.6);//'hihi'浮點型別引數,會取整重複

'hi'.repeat(0);//''0的時候返回空字串

'hi'.repeat(-3)//負數,報錯

'hi'.repeat(undefined)//''undefined轉化為0

'hi'.repeat(null)//''null轉化為0

'hi'.repeat(nan)//''nan轉化為0

string.repeat(num)方法,引數num為重複字串的次數,各種情況下的返回值見**。

${} :

let str="wbiokr";

$('#box').html('

there is a word $,i know it

');//there is a word wbiokr,i know it

開發過程中,nyzreh經常用到jq為元素動態新增子元素或動態新增內容,過去我們都是通過字串拼接進行新增變數。es6新增的 可以很好的取代jq的老方法,單引號加上'${}'不僅可以嵌入變數,還能保持**格式,並且{}裡面可以進行js**執行。

ES6中模板字串

模板字串,是es6標準新引入的一種字串.說到底,它還是字串,只是和以前的字串比起來,有了一些特殊的地方.模板字串 template string 是es6標準之前的es版本的字串的增強版,但它的本質上還是字串,用反引 電腦鍵盤中esc下面的那個鍵 號標識.它可以當作普通的字串來使用,也可以定義多行字...

ES6中字串擴充套件

for.of 遍歷字串 例如 1 for let codepoint of string 執行結果 說明 三個方法都接收兩個引數,第乙個引數為檢索的值,第二個引數為檢索的起始位置,返回布林值 例如 1 let s hello world 23 const a,b,c 4 s.startswith h...

ES6模板字串

es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接 的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。const person lili con...