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 方法大全方便学习参考
Feb 25 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
JS实现页面侧边栏效果探究
Jan 08 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/05/26 PHP
PHP 设计模式之观察者模式介绍
2012/02/22 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
PHP 验证登陆类分享
2015/03/13 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
2010/10/20 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
jQuery事件_动力节点Java学院整理
2017/07/05 jQuery
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
python实现归并排序算法
2018/11/22 Python
详解python和matlab的优势与区别
2019/06/28 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
公司出纳岗位职责
2013/12/07 职场文书
文艺晚会策划方案
2014/06/11 职场文书
社区娱乐活动方案
2014/08/21 职场文书
婚育证明样本
2015/06/16 职场文书
婚礼父母致辞
2015/07/28 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
element tree树形组件回显数据问题解决
2022/08/14 Javascript
DQL数据查询语句使用示例
2022/12/24 MySQL