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 相关文章推荐
两个SUBMIT按钮,如何区分处理
Aug 22 Javascript
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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
Symfony2 session用法实例分析
2016/02/04 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
jQuery ui 1.7更新小结
2009/08/15 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
python中PIL安装简单教程
2016/04/21 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
python使用 zip 同时迭代多个序列示例
2019/07/06 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
python set集合使用方法解析
2019/11/05 Python
Python argparse模块应用实例解析
2019/11/15 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
任命书怎么写
2014/06/04 职场文书
园林系毕业生求职信
2014/06/23 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python