JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法示例
本文實(shí)例講述了JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法。分享給大家供大家參考,具體如下:
眾所周知JavaScript中的數(shù)字是沒(méi)有前置0的,因此需要我們自己進(jìn)行操作來(lái)添加前置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測(cè)試運(yùn)行上述代碼。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專(zhuān)題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
在WordPress中加入Google搜索功能的簡(jiǎn)單步驟講解
這篇文章主要介紹了在WordPress中加入Google搜索的簡(jiǎn)單步驟講解,谷歌搜索很有用,但同時(shí)也要注意在國(guó)內(nèi)使用cse的連通性,需要的朋友可以參考下2016-01-01
分享一個(gè)自定義的console類(lèi) 讓你不再糾結(jié)JS中的調(diào)試代碼的兼容
在寫(xiě)JS的過(guò)程中,為了調(diào)試我們常常會(huì)寫(xiě)很多 console.log、console.info、console.group、console.warn、console.error代碼來(lái)查看JS的運(yùn)行情況,但發(fā)布時(shí)又因?yàn)镮E不支持console,又要去掉這些代碼,一不小心就會(huì)出錯(cuò)2012-04-04
webpack中的filename 和 chunkFilename 的區(qū)別實(shí)例解析
filename 指列在 entry 中,打包后輸出的文件的名稱(chēng),chunkFilename 指未列在 entry 中,卻又需要被打包出來(lái)的文件的名稱(chēng),這篇文章主要介紹了webpack中的filename 和 chunkFilename 的區(qū)別實(shí)例解析,需要的朋友可以參考下2023-11-11
微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法,結(jié)合實(shí)例形式總結(jié)分析了微信小程序頁(yè)面跳轉(zhuǎn)及傳值的常用操作技巧,需要的朋友可以參考下2017-12-12
js將多維數(shù)組轉(zhuǎn)為一維數(shù)組后去重排序
本文主要介紹了js將多維數(shù)組轉(zhuǎn)為一維數(shù)組后去重排序,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁(yè)面中
今天做個(gè)項(xiàng)目,需要在當(dāng)前的html頁(yè)面中引用一個(gè)遠(yuǎn)程的html頁(yè)面,百度了一下,發(fā)現(xiàn)一個(gè)非常好用的代碼,這里分享給大家,有相同需求的小伙伴可以來(lái)看看2017-03-03
JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
在Bootstrap開(kāi)發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
這篇文章主要介紹了在Bootstrap開(kāi)發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法,這個(gè)可以提高數(shù)據(jù)的錄入方便,特別是在一些簡(jiǎn)單業(yè)務(wù)的明細(xì)數(shù)據(jù)的時(shí)候,看起來(lái)會(huì)比彈出窗口錄入方便一些,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-10-10

