JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法示例
本文實(shí)例講述了JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法。分享給大家供大家參考,具體如下:
眾所周知JavaScript中的數(shù)字是沒有前置0的,因此需要我們自己進(jìn)行操作來添加前置0,而且還得轉(zhuǎn)換成字符串。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript 數(shù)字前補(bǔ)“0”</title> <body> <script> //迭代方式實(shí)現(xiàn) function padding1(num, length) { for(var len = (num + "").length; len < length; len = num.length) { num = "0" + num; } return num; } //遞歸方式實(shí)現(xiàn) function padding2(num, length) { if((num + "").length >= length) { return num; } return padding2("0" + num, length) } //轉(zhuǎn)為小數(shù) function padding3(num, length) { var decimal = num / Math.pow(10, length); //toFixed指定保留幾位小數(shù) decimal = decimal.toFixed(length) + ""; return decimal.substr(decimal.indexOf(".")+1); } //填充截取法 function padding4(num, length) { //這里用slice和substr均可 return (Array(length).join("0") + num).slice(-length); } //填充截取法 function padding5(num, length) { var len = (num + "").length; var diff = length - len; if(diff > 0) { return Array(diff).join("0") + num; } return num; } function test(num, length) { document.write(padding1(num, length)); document.write("<br>"); document.write(padding2(num, length)); document.write("<br>"); document.write(padding3(num, length)); document.write("<br>"); document.write(padding4(num, length)); document.write("<br>"); document.write(padding5(num, length)); document.write("<br>"); } test(123, 10); test(1234567890123, 10); </script> </body> </html>
輸出
0000000123
0000000123
0000000123
0000000123
000000123
1234567890123
1234567890123
4567890123
4567890123
1234567890123
感興趣的朋友還可以使用本站在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試運(yùn)行上述代碼。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
在WordPress中加入Google搜索功能的簡單步驟講解
這篇文章主要介紹了在WordPress中加入Google搜索的簡單步驟講解,谷歌搜索很有用,但同時(shí)也要注意在國內(nèi)使用cse的連通性,需要的朋友可以參考下2016-01-01分享一個(gè)自定義的console類 讓你不再糾結(jié)JS中的調(diào)試代碼的兼容
在寫JS的過程中,為了調(diào)試我們常常會(huì)寫很多 console.log、console.info、console.group、console.warn、console.error代碼來查看JS的運(yùn)行情況,但發(fā)布時(shí)又因?yàn)镮E不支持console,又要去掉這些代碼,一不小心就會(huì)出錯(cuò)2012-04-04webpack中的filename 和 chunkFilename 的區(qū)別實(shí)例解析
filename 指列在 entry 中,打包后輸出的文件的名稱,chunkFilename 指未列在 entry 中,卻又需要被打包出來的文件的名稱,這篇文章主要介紹了webpack中的filename 和 chunkFilename 的區(qū)別實(shí)例解析,需要的朋友可以參考下2023-11-11微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值以及獲取值的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值以及獲取值的方法,結(jié)合實(shí)例形式總結(jié)分析了微信小程序頁面跳轉(zhuǎn)及傳值的常用操作技巧,需要的朋友可以參考下2017-12-12js將多維數(shù)組轉(zhuǎn)為一維數(shù)組后去重排序
本文主要介紹了js將多維數(shù)組轉(zhuǎn)為一維數(shù)組后去重排序,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁面中
今天做個(gè)項(xiàng)目,需要在當(dāng)前的html頁面中引用一個(gè)遠(yuǎn)程的html頁面,百度了一下,發(fā)現(xiàn)一個(gè)非常好用的代碼,這里分享給大家,有相同需求的小伙伴可以來看看2017-03-03JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄狫S實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
這篇文章主要介紹了在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法,這個(gè)可以提高數(shù)據(jù)的錄入方便,特別是在一些簡單業(yè)務(wù)的明細(xì)數(shù)據(jù)的時(shí)候,看起來會(huì)比彈出窗口錄入方便一些,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-10-10