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...