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里使用Dom操作Xml
Jan 22 Javascript
Jquery选择器 $实现原理
Dec 02 Javascript
浏览器缩放检测的js代码
Sep 28 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
angularjs中ng-bind-html的用法总结
May 23 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
Node.js的进程管理的深入理解
Jan 09 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
Sep 14 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 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
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
layui递归实现动态左侧菜单
2019/07/26 Javascript
layui关闭层级、简单监听的实例
2019/09/06 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
python实现微信远程控制电脑
2018/02/22 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
Python全局变量与局部变量区别及用法分析
2018/09/03 Python
python中wx模块的具体使用方法
2020/05/15 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
心理健康心得体会
2014/01/02 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
运动会广播稿200米
2014/01/27 职场文书
考试违纪检讨书
2014/02/02 职场文书
经典演讲稿汇总
2014/05/19 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书