JavaScript实现数字前补“0”的五种方法示例
2019-01-04 00:02
806 查看
本文实例讲述了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.jb51.net/code/HtmlJsRun测试运行上述代码。
更多关于JavaScript相关内容还可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- javascript 自己实现数字\字母和中文的混合排序方法 by FungLeo
- javascript实现根据函数名称字符串动态执行函数的方法示例
- Swift算法实现字符串转数字的方法示例
- JavaScript 实现的4种数字千位符格式化方法
- JavaScript实现事件的中断传播和行为阻止方法示例
- Android实现数字跳动效果的TextView方法示例
- JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
- Python实现中文数字转换为阿拉伯数字的方法示例
- 红黑树的插入详解及Javascript实现方法示例
- javascript中五种实现对象继承的方法
- javascript实现将数字转成千分位的方法小结【5种方式】
- JavaScript实现按照指定长度为数字前面补零输出的方法
- Javascript实现base64的加密解密方法示例
- JavaScript实现计算多边形质心的方法示例
- JavaScript实现按照指定长度为数字前面补零输出的方法
- JavaScript实现按照指定长度为数字前面补零输出的方法
- Javascript - Math 对象 - 某个数字区域之间的随机数(精确度:小数点后两位)toFixed方法原生JS实现
- JavaScript实现数字数组正序排列的方法
- JavaScript实现读取与输出XML文件数据的方法示例
- JavaScript实现计算圆周率到小数点后100位的方法示例