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 相关文章推荐
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
页面使用密码保护代码
Apr 10 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
JS身份证信息验证正则表达式
Jun 12 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
antd table按表格里的日期去排序操作
Nov 17 Javascript
element多个表单校验的实现
May 27 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
php操作redis缓存方法分享
2015/06/03 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
vue项目中使用axios上传图片等文件操作
2017/11/02 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
Tensorflow tf.tile()的用法实例分析
2020/05/22 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
实习生评语
2014/04/26 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
街道社区活动报告
2015/02/05 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
Python中else的三种使用场景
2021/06/16 Python