javascript添加前置0(補(bǔ)零)的幾種方法
前言
眾所周知JavaScript中的數(shù)字是沒有前置0的,因此需要我們自己進(jìn)行操作來添加前置0,而且還得轉(zhuǎn)換成字符串。
假如生成一個(gè)是一共是4位的有前置0的數(shù)據(jù),通常我們能想到的方法是這樣子的:
function addPreZero(num){ if(num<10){ return '000'+num; }else if(num<100){ return '00'+num; }else if(num<1000){ return '0'+num; }else{ return num; } }
這種方式的思路比較簡(jiǎn)單,根據(jù)當(dāng)前數(shù)據(jù)的位數(shù)來補(bǔ)充相應(yīng)個(gè)數(shù)的前置0;不過這樣的算法寫起來比較麻煩,如果需要的前置0非常多的話,那么得寫很多的if...else。
還是基于這種思路,我們可以先算出這個(gè)數(shù)字有多少位,然后直接補(bǔ)上相應(yīng)的0就行了:
function addPreZero(num){ var t = (num+'').length, s = ''; for(var i=0; i<4-t; i++){ s += '0'; } return s+num; }
這種方式的實(shí)現(xiàn),是根據(jù)當(dāng)前num的位數(shù),來計(jì)算出所有的前置0,然后再拼接上num。
在這個(gè)基礎(chǔ)上,我們還可以這樣考慮:比如需要一共是10位的有前置0的數(shù)據(jù),那么首先不管當(dāng)前數(shù)字是多少位的,都先補(bǔ)上9個(gè)前置0,然后再截取這個(gè)字符串最后的10位,那么獲取到的就是需要的數(shù)據(jù):
function addPreZero(num){ return ('000000000'+num).slice(-10); }
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,實(shí)現(xiàn)想要的結(jié)果很多的方法,我們應(yīng)該盡可能的想出更多的方法,一方面能夠拓展我們的思維,另一方面也能讓我們選擇出更好的方式。希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
Javascript實(shí)現(xiàn)div的toggle效果實(shí)例分析
這篇文章主要介紹了Javascript實(shí)現(xiàn)div的toggle效果的方法,實(shí)例分析了采用純javascript實(shí)現(xiàn)toggle效果的相關(guān)技巧,需要的朋友可以參考下2015-06-06javascript實(shí)現(xiàn)PC網(wǎng)頁里的拖拽效果
這篇文章主要介紹了javascript實(shí)現(xiàn)PC網(wǎng)頁里的拖拽效果的相關(guān)資料,需要的朋友可以參考下2016-03-03js實(shí)現(xiàn)鼠標(biāo)滑動(dòng)到某個(gè)div禁止?jié)L動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)滑動(dòng)到某個(gè)div禁止?jié)L動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09JavaScript DOM節(jié)點(diǎn)添加示例
本節(jié)為大家介紹下JavaScript DOM節(jié)點(diǎn)添加,將node里面的str放到h1段落中使之成為h1的新段落2014-07-07JS遍歷數(shù)組和對(duì)象的區(qū)別及遞歸遍歷對(duì)象、數(shù)組、屬性的方法詳解
本文給大家js遍歷數(shù)組和遍歷對(duì)象的區(qū)別,一般來說for用來遍歷數(shù)組對(duì)象而for-in用來遍歷非數(shù)組對(duì)象。接下來小編給大家?guī)砹薺s遍歷數(shù)組和對(duì)象的區(qū)別及js遞歸遍歷對(duì)象、數(shù)組、屬性的方法詳解,一起看下吧2016-06-06Bootstrap路徑導(dǎo)航與分頁學(xué)習(xí)使用
這篇文章主要為大家詳細(xì)介紹了Bootstrap路徑導(dǎo)航與分頁學(xué)習(xí)使用的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實(shí)現(xiàn)仿百度首頁滑動(dòng)伸縮展開的添加服務(wù)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿百度首頁滑動(dòng)伸縮展開的添加服務(wù)效果代碼,通過jQuery相應(yīng)鼠標(biāo)事件控制頁面元素的動(dòng)態(tài)變換功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09js實(shí)現(xiàn)多個(gè)標(biāo)題吸頂效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)標(biāo)題吸頂效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01javascript-hashchange事件和歷史狀態(tài)管理實(shí)例分析
這篇文章主要介紹了javascript-hashchange事件和歷史狀態(tài)管理,結(jié)合實(shí)例形式分析了javascript-hashchange基本功能、原理及歷史狀態(tài)管理相關(guān)操作技巧,需要的朋友可以參考下2020-04-04