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实现excel导出的方法
Apr 04 Javascript
一个JavaScript变量声明的知识点
Oct 28 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
Node.js中出现未捕获异常的处理方法
Jun 29 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删除字符串中非字母数字字符方法总结
2019/01/20 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
微信小程序一周时间表功能实现
2019/10/17 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
python通过索引遍历列表的方法
2015/05/04 Python
Python正则表达式教程之三:贪婪/非贪婪特性
2017/03/02 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
用python处理MS Word的实例讲解
2018/05/08 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
对PyQt5基本窗口控件 QMainWindow的使用详解
2019/06/19 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
学生发电厂实习自我鉴定
2013/09/22 职场文书
办公室前台岗位职责范本
2013/12/10 职场文书
贺卡寄语大全
2014/04/11 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
教师实习自我鉴定总结
2019/08/20 职场文书
oracle重置序列从0开始递增1
2022/02/28 Oracle
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB