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 相关文章推荐
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
jquery获取tagName再进行判断
May 29 Javascript
js实现圆盘记速表
Aug 03 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
详解Angular2组件之间如何通信
Jun 22 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
localstorage实现带过期时间的缓存功能
Jun 28 Javascript
微信小程序实现手指拖动选项排序
Apr 22 Javascript
解决vue+router路由跳转不起作用的一项原因
Jul 19 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
PHP 引用文件技巧
2010/03/02 PHP
PHP filter_var() 函数 Filter 函数
2012/04/25 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
php在线解压ZIP文件的方法
2014/12/30 PHP
[原创]图片分页查看
2006/08/28 Javascript
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
JS的反射问题
2010/04/07 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
jQuery检测返回值的数据类型
2015/07/13 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
2019/09/18 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
2019/10/02 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡
2014/06/11 DOTA
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python Flask 装饰器顺序问题解决
2018/08/08 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
国外的一些J2EE面试题一
2012/10/13 面试题
人力资源管理专业应届生求职信
2013/09/28 职场文书
公积金转移接收函
2014/01/11 职场文书
高一历史教学反思
2014/01/13 职场文书
商务经理岗位职责
2014/08/03 职场文书
国际贸易系求职信
2014/08/09 职场文书
社保转移委托书范本
2014/10/08 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技