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);
}
总结
以上就是这篇文章的全部内容了，实现想要的结果很多的方法，我们应该尽可能的想出更多的方法，一方面能够拓展我们的思维，另一方面也能让我们选择出更好的方式。希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
JavaScript实现twitter puddles算法实例
这篇文章主要介绍了JavaScript实现twitter puddles算法实例,本文源自twitter的一道面试题,本文使用js解开了这首题,需要的朋友可以参考下2014-12-12
JS中DOM元素的attribute与property属性示例详解
这篇文章主要给大家介绍了关于JS中DOM元素的attribute与property属性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧2018-09-09
这篇文章主要介绍了详解关于webpack多入口热加载很慢的原因，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04
本文主要介绍了图解Javascript——作用域、作用域链、闭包等知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
微信小程序wx.navigateTo方法里的events参数使用详情及场景
这篇文章主要介绍了微信小程序wx.navigateTo方法里的events参数使用详情及场景，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,下面这篇文章主要给大家介绍了关于ES6字符串扩展的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
下面小编就为大家带来一篇JS 终止执行的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧2016-11-11
用javascript实现div可编辑的常见方法...2007-10-10
这篇文章主要介绍了JavaScript中Dom操作,结合实例形式详细分析了javascript针对dom元素节点增删改查相关操作技巧与注意事项,需要的朋友可以参考下2019-07-07
NodeJS 是一门年轻的语言，扩展模块并不太全，经常我们想用某个模块但是却找不到合适的2012-03-03
最新评论