javascript添加前置0(补零)的几种方法
更新时间：2017年01月05日 14:40:12 作者：Wenzi
很多时候为了显示格式，需要在某一字符串不满位的情况下进行前补0操作。下面这篇文章就给大家主要介绍了javascript添加前置0(补零)的几种方法,文中给出了详细的示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。
前言
众所周知JavaScript中的数字是没有前置0的，因此需要我们自己进行操作来添加前置0，而且还得转换成字符串。
假如生成一个是一共是4位的有前置0的数据，通常我们能想到的方法是这样子的：
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;
}
}
这种方式的思路比较简单，根据当前数据的位数来补充相应个数的前置0；不过这样的算法写起来比较麻烦，如果需要的前置0非常多的话，那么得写很多的if...else。
还是基于这种思路，我们可以先算出这个数字有多少位，然后直接补上相应的0就行了：
function addPreZero(num){
var t = (num+'').length,
s = '';
for(var i=0; i<4-t; i++){
s += '0';
}
return s+num;
}
这种方式的实现，是根据当前num的位数，来计算出所有的前置0，然后再拼接上num。
在这个基础上，我们还可以这样考虑：比如需要一共是10位的有前置0的数据，那么首先不管当前数字是多少位的，都先补上9个前置0，然后再截取这个字符串最后的10位，那么获取到的就是需要的数据：
function addPreZero(num){
return ('000000000'+num).slice(-10);
}
总结
以上就是这篇文章的全部内容了，实现想要的结果很多的方法，我们应该尽可能的想出更多的方法，一方面能够拓展我们的思维，另一方面也能让我们选择出更好的方式。希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
Foo.getName算是一道比较老的面试题了,大致百度了一下在17年就有相关文章在介绍它,下面这篇文章主要给大家介绍了关于一道超经典js面试题Foo.getName()的相关资料,需要的朋友可以参考下2022-03-03
highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解，感兴趣的朋友跟随脚本之家小编一起学习吧2017-09-09
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
这篇文章主要介绍了bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法,需要的朋友可以参考下2017-02-02
防抖与节流都是用来限制用户频发触发事件的机制,下面这篇文章主要给大家介绍了关于JavaScript中防抖和节流的实战应用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了js实现文字滚动的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了electron 如何将任意资源打包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要介绍了Easyui Tree获取当前选择节点的所有顶级父节点,以及easyUI Tree显示选中节点的所有父节点的实现代码，需要的朋友可以参考下2017-02-02
Javascript 调用 ActionScript 的简单方法
在Flex中，ActionScript调用Javascript是比较简单的，说白了就是，在html里，怎么调用Javascript，在ActionScript就怎么调用就可以了。接下来通过本文给大家介绍js 调用 actionscript方法，感兴趣的朋友一起看看吧2016-09-09
这篇文章主要介绍javascript获取select标签选中的值方法,比较实用，需要的朋友可以参考下。2016-06-06
这篇文章主要介绍了javascript原型链和继承的概念，以及使用原型链实现继承、经典继承、组合式继承、寄生组合式继承。非常实用，是篇非常不错的文章，这里推荐给大家。2014-09-09
最新评论