javascript添加前置0(补零)的几种方法


Posted in Javascript onJanuary 05, 2017

前言

众所周知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 相关文章推荐
JavaScript的9个陷阱及评点分析
May 16 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
微信小程序图片横向左右滑动案例
May 19 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
May 28 Javascript
JavaScript错误处理操作实例详解
Jan 04 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
Sep 09 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 #Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 #Javascript
bootstrap table配置参数例子
Jan 05 #Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 #Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 #Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 #Javascript
JSON字符串和JSON对象相互转化实例详解
Jan 05 #Javascript
You might like
phpnow php探针环境检测代码
2014/11/04 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
Node.js服务器开启Gzip压缩教程
2017/08/11 Javascript
Angular中响应式表单的三种更新值方法详析
2017/08/22 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
2019/03/21 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
[00:37]食人魔魔法师轮盘吉兆顺应全新至宝将拥有额外款式
2019/12/19 DOTA
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python 实现识别图片上的数字
2019/07/30 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
市场营销专业个人求职信范文
2013/12/14 职场文书
犯错检讨书
2014/02/21 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
员工工作自我评价
2014/09/26 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
六一儿童节主持开场白
2015/05/28 职场文书