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 前的按键判断代码
Mar 19 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
一起学写js Calender日历控件
Apr 14 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
基于JS实现checkbox全选功能实例代码
Oct 31 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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遍历数组的方法汇总分析
2013/06/08 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
php后门URL的防范
2013/11/12 PHP
php过滤所有的空白字符(空格、全角空格、换行等)
2015/10/27 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
详解webpack介绍&amp;安装&amp;常用命令
2017/06/29 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
python烟花效果的代码实例
2020/02/25 Python
Pycharm调试程序技巧小结
2020/08/08 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
英国PC组件和在线电脑商店:SCAN
2019/04/18 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
汽车工程专业应届生求职信
2013/10/19 职场文书
自荐书4要点
2014/01/25 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
民主生活会主持词
2015/07/01 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
Python中异常处理用法
2021/11/27 Python