快捷導(dǎo)航

JavaScript中ES6字符串?dāng)U展方法

更新時間：2016年08月26日 11:49:17 作者：不一樣的追尋著

這篇文章主要介紹了JavaScript中ES6字符串?dāng)U展方法的相關(guān)資料,非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧

es6這個String對象倒是擴(kuò)展了不少方法，但是很多都是跟字符編碼相關(guān)，個人選了幾個感覺比較常用的方法；

includes 搜索字符的神器

還記得我們之前如何判斷某個字符串對象是否包含特地字符的嗎？

var str='google';
if(str.indexOf('o')>-1){
console.log('yes');
}else{
console.log('no');
}

indexOf本來只是一個獲取字符對應(yīng)位置的方法，因為找到不到會返回-1這個值，就成了判斷是否包含的方法，includes則就是判斷是否包含的直接返回布爾值；

let str='google';
if(str.includes('o')){
console.log('yes');
}else{
console.log('no');
}

這樣更符合語義化，indexOf就是負(fù)責(zé)獲取位置，includes負(fù)責(zé)判斷包含關(guān)系；

startsWith ，endsWith 輕松定首尾

startsWith用于判斷是否位于頭部，endsWith判斷是否位于尾部，可以說這兩個方法是includes方法的擴(kuò)展；

let str='google';
console.log(str.startsWith('g')); //true
console.log(str.endsWith('e')); //true

repeat 懶人福利

顧名思義，這個方法就是可以獲取字符串重復(fù)N次后的方法；

let str='google';
console.log(str.repeat(3)); //googlegooglegoogle

repeat方法接受一個數(shù)字類型的參數(shù)，可以是正式也可以是小數(shù)，如果是浮點型會自動調(diào)用Math.floor方法轉(zhuǎn)為整型；

let str='google';
console.log(str.repeat(3.5)); //googlegooglegoogle
console.log(str.repeat(Math.floor(3.5)));//googlegooglegoogle

參數(shù)可以為0這樣就會返回一個空字符串，但是不能為負(fù)數(shù)，否則會報錯；

let str='google';
console.log(str.repeat(0)); //''
console.log(str.repeat(-3.5));//RangeError: Invalid count value

padStart,padEnd 缺啥補(bǔ)啥

這兩個方法其實是ES7標(biāo)準(zhǔn)下擴(kuò)展的方法，作用就是自動補(bǔ)全；

let str='goo';<br>　　　 str.padStart(5, 'le') // 'legoo'
str.padStart(4, 'le') // 'lgoo'
str.padEnd(5, 'le') // 'goole'
str.padEnd(4, 'le') // 'gool'

這兩個方法類似都是接受兩個參數(shù)，第一個是補(bǔ)全的長度，第二個是要補(bǔ)充的內(nèi)容，由于是es7標(biāo)準(zhǔn)的方法，現(xiàn)在瀏覽器還不能直接運(yùn)行，可以嘗試借助babel運(yùn)行；

以上所述是小編給大家介紹的JavaScript中ES6字符串?dāng)U展方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线