这篇文章主要介绍了JavaScript实现数字前补“0”的五种方法,结合具体实例形式分析了javascript数字前补0的相关操作,涉及javascript字符串遍历、迭代、截取、构造等操作,需要的朋友可以参考下

本文实例讲述了JavaScript实现数字前补“0”的五种方法。分享给大家供大家参考,具体如下:

众所周知JavaScript中的数字是没有前置0的,因此需要我们自己进行操作来添加前置0,而且还得转换成字符串。

<!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 数字前补“0”</title>
<body>
<script>
 //迭代方式实现
 function padding1(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
  }
  return num;
 }
 //递归方式实现
 function padding2(num, length) {
  if((num + "").length >= length) {
   return num;
  }
  return padding2("0" + num, length)
 }
 //转为小数
 function padding3(num, length) {
  var decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  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代码运行工具:http://tools.lovean.com/code/HtmlJsRun测试运行上述代码。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数算用法总结》、《JavaScript数据结构与算法总结》、《JavaScript数组操作总结》、《JavaScript事件相关操作与大全》、《JavaScript操作DOM总结》及《JavaScript字符与字符串操作总结》

希望本文所述对大家JavaScript程序设计有所帮助。

最新资讯
华为斥资6600万元入股中电仪器,持股8%

华为斥资6600万元入股

3月31日,华为技术有限公司新增对外投资企业中电科仪器
分析师下调苹果销售预期 5G iPhone可能还得等一年多

分析师下调苹果销售预

苹果如果在秋季发布新品,供应商产能可能跟不上,苹果5G i
建一个5G基站到底多少钱?中国移动采购单曝真相

建一个5G基站到底多少

华为中标133040座5G基站,中标比例为57.25%,遥遥领先,其5G
2020 iPhone SE发布在即,苹果小屏旗舰能否再爆发?

2020 iPhone SE发布在

外媒称,苹果计划在明天开启小屏新iPhone的预售,新机被命
中兴通讯“复活”背后的5G挑战

中兴通讯“复活”背后

被美国制裁“扼杀”后,中兴通讯(00763.HK)似乎正“满血”
家用无线局域网设备电磁辐射知多少?

家用无线局域网设备电

众所周知,电磁辐射达到一定程度是对人体有危害的。家用
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大