DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中ES6字符串擴展方法
JavaScript中ES6字符串擴展方法
編輯:關於JavaScript     

es6這個String對象倒是擴展了不少方法,但是很多都是跟字符編碼相關,個人選了幾個感覺比較常用的方法;

includes 搜索字符的神器

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

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

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

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

這樣更符合語義化,indexOf就是負責獲取位置,includes負責判斷包含關系;

startsWith ,endsWith 輕松定首尾

startsWith用於判斷是否位於頭部,endsWith判斷是否位於尾部,可以說這兩個方法是includes方法的擴展;

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

repeat 懶人福利

顧名思義,這個方法就是可以獲取字符串重復N次後的方法;

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

repeat方法接受一個數字類型的參數,可以是正式也可以是小數,如果是浮點型會自動調用Math.floor方法轉為整型;

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

參數可以為0這樣就會返回一個空字符串,但是不能為負數,否則會報錯;

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

padStart,padEnd 缺啥補啥

這兩個方法其實是ES7標准下擴展的方法,作用就是自動補全;

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

這兩個方法類似都是接受兩個參數,第一個是補全的長度,第二個是要補充的內容,由於是es7標准的方法,現在浏覽器還不能直接運行,可以嘗試借助babel運行;

以上所述是小編給大家介紹的JavaScript中ES6字符串擴展方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved