JavaScript中ES6字符串?dāng)U展方法
es6這個(gè)String對(duì)象倒是擴(kuò)展了不少方法,但是很多都是跟字符編碼相關(guān),個(gè)人選了幾個(gè)感覺(jué)比較常用的方法;
includes 搜索字符的神器
還記得我們之前如何判斷某個(gè)字符串對(duì)象是否包含特地字符的嗎?
var str='google';
if(str.indexOf('o')>-1){
console.log('yes');
}else{
console.log('no');
}
indexOf本來(lái)只是一個(gè)獲取字符對(duì)應(yīng)位置的方法,因?yàn)檎业讲坏綍?huì)返回-1這個(gè)值,就成了判斷是否包含的方法,includes則就是判斷是否包含的直接返回布爾值;
let str='google';
if(str.includes('o')){
console.log('yes');
}else{
console.log('no');
}
這樣更符合語(yǔ)義化,indexOf就是負(fù)責(zé)獲取位置,includes負(fù)責(zé)判斷包含關(guān)系;
startsWith ,endsWith 輕松定首尾
startsWith用于判斷是否位于頭部,endsWith判斷是否位于尾部,可以說(shuō)這兩個(gè)方法是includes方法的擴(kuò)展;
let str='google';
console.log(str.startsWith('g')); //true
console.log(str.endsWith('e')); //true
repeat 懶人福利
顧名思義,這個(gè)方法就是可以獲取字符串重復(fù)N次后的方法;
let str='google'; console.log(str.repeat(3)); //googlegooglegoogle
repeat方法接受一個(gè)數(shù)字類(lèi)型的參數(shù),可以是正式也可以是小數(shù),如果是浮點(diǎn)型會(huì)自動(dòng)調(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這樣就會(huì)返回一個(gè)空字符串,但是不能為負(fù)數(shù),否則會(huì)報(bào)錯(cuò);
let str='google'; console.log(str.repeat(0)); //'' console.log(str.repeat(-3.5));//RangeError: Invalid count value
padStart,padEnd 缺啥補(bǔ)啥
這兩個(gè)方法其實(shí)是ES7標(biāo)準(zhǔn)下擴(kuò)展的方法,作用就是自動(dòng)補(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'
這兩個(gè)方法類(lèi)似都是接受兩個(gè)參數(shù),第一個(gè)是補(bǔ)全的長(zhǎng)度,第二個(gè)是要補(bǔ)充的內(nèi)容,由于是es7標(biāo)準(zhǔn)的方法,現(xiàn)在瀏覽器還不能直接運(yùn)行,可以嘗試借助babel運(yùn)行;
以上所述是小編給大家介紹的JavaScript中ES6字符串?dāng)U展方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
js的各種排序算法實(shí)現(xiàn)(總結(jié))
下面小編就為大家?guī)?lái)一篇js的各種排序算法實(shí)現(xiàn)(總結(jié))。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JS實(shí)現(xiàn)百度網(wǎng)盤(pán)任意文件強(qiáng)制下載功能
這篇文章主要介紹了JS實(shí)現(xiàn)百度網(wǎng)盤(pán)任意文件強(qiáng)制下載 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08
Javascript中3個(gè)需要注意的運(yùn)算符
這篇文章主要介紹了Javascript中3個(gè)需要注意的運(yùn)算符,這3個(gè)運(yùn)算符的使用有很多需要注意的地方和有意思的地方,需要的朋友可以參考下2015-04-04
小程序?qū)崿F(xiàn)計(jì)時(shí)器小功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)計(jì)時(shí)器小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09
如何在JavaScript實(shí)現(xiàn)Blob文件流下載
在JavaScript中可以使用瀏覽器提供的Blob對(duì)象和URL.createObjectURL()方法來(lái)實(shí)現(xiàn)文件流下載,這篇文章主要給大家介紹了關(guān)于如何在JavaScript實(shí)現(xiàn)Blob文件流下載的相關(guān)資料,需要的朋友可以參考下2024-05-05
Javascript如何判斷數(shù)據(jù)類(lèi)型和數(shù)組類(lèi)型
這篇文章主要介紹Javascript如何判斷數(shù)據(jù)類(lèi)型和數(shù)組類(lèi)型,通俗易懂,需要的朋友可以參考下。2016-06-06
js實(shí)現(xiàn)復(fù)制功能(多種方法集合)
這篇文章主要介紹了js實(shí)現(xiàn)復(fù)制功能(多種方法集合),需要的朋友可以參考下2018-01-01

