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 基础学习笔记之文档处理
May 29 Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
js 自制滚动条的小例子
Mar 16 Javascript
JQueryEasyUI Layout布局框架的使用
Apr 08 Javascript
JS实现时间格式化的方式汇总
Oct 16 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
React key值的作用和使用详解
Aug 23 Javascript
vue-router为激活的路由设置样式操作
Jul 18 Javascript
在HTML中使用JavaScript的两种方法
Dec 24 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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
php微信开发之上传临时素材
2016/06/24 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
js 判断浏览器使用的语言示例代码
2014/03/22 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
python端口扫描系统实现方法
2014/11/19 Python
python网络编程之文件下载实例分析
2015/05/20 Python
python学生管理系统代码实现
2020/04/05 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
UI自动化定位常用实现方法代码示例
2020/10/27 Python
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
一个C/C++编程面试题
2013/11/10 面试题
生物技术毕业生自荐信
2013/10/23 职场文书
安全检查验收制度
2014/01/12 职场文书
《蚕姑娘》教学反思
2014/04/15 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书