javascript添加前置0(補(bǔ)零)的幾種方法
前言
眾所周知JavaScript中的數(shù)字是沒(méi)有前置0的，因此需要我們自己進(jìn)行操作來(lái)添加前置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ù)來(lái)補(bǔ)充相應(yīng)個(gè)數(shù)的前置0；不過(guò)這樣的算法寫(xiě)起來(lái)比較麻煩，如果需要的前置0非常多的話，那么得寫(xiě)很多的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ù)，來(lái)計(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í)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流。
相關(guān)文章
一道超經(jīng)典js面試題Foo.getName()的故事
Foo.getName算是一道比較老的面試題了,大致百度了一下在17年就有相關(guān)文章在介紹它,下面這篇文章主要給大家介紹了關(guān)于一道超經(jīng)典js面試題Foo.getName()的相關(guān)資料,需要的朋友可以參考下2022-03-03
highlight.js是一款輕量級(jí)的Web代碼語(yǔ)法高亮庫(kù)。下面通過(guò)實(shí)例代碼給大家分享JS庫(kù)之Highlight.js的用法詳解，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2017-09-09
bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-02-02
JavaScript中防抖和節(jié)流的實(shí)戰(zhàn)應(yīng)用記錄
防抖與節(jié)流都是用來(lái)限制用戶頻發(fā)觸發(fā)事件的機(jī)制,下面這篇文章主要給大家介紹了關(guān)于JavaScript中防抖和節(jié)流的實(shí)戰(zhàn)應(yīng)用,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)文字滾動(dòng)的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了electron 如何將任意資源打包的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn)
這篇文章主要介紹了Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn),以及easyUI Tree顯示選中節(jié)點(diǎn)的所有父節(jié)點(diǎn)的實(shí)現(xiàn)代碼，需要的朋友可以參考下2017-02-02
Javascript 調(diào)用 ActionScript 的簡(jiǎn)單方法
在Flex中，ActionScript調(diào)用Javascript是比較簡(jiǎn)單的，說(shuō)白了就是，在html里，怎么調(diào)用Javascript，在ActionScript就怎么調(diào)用就可以了。接下來(lái)通過(guò)本文給大家介紹js 調(diào)用 actionscript方法，感興趣的朋友一起看看吧2016-09-09
javascript獲取select標(biāo)簽選中的值
這篇文章主要介紹javascript獲取select標(biāo)簽選中的值方法,比較實(shí)用，需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了javascript原型鏈和繼承的概念，以及使用原型鏈實(shí)現(xiàn)繼承、經(jīng)典繼承、組合式繼承、寄生組合式繼承。非常實(shí)用，是篇非常不錯(cuò)的文章，這里推薦給大家。2014-09-09