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通过Ajax返回JSON数据
Apr 28 Javascript
Bootstrap基础学习
Jun 16 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
基于javascript编写简单日历
May 02 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
vue实现随机验证码功能(完整代码)
Dec 10 Javascript
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
微信小程序 实战实例开发流程详细介绍
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之第六天
2006/10/09 PHP
php获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
JS实现轮播图效果
2020/01/11 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
2020/07/17 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
python素数筛选法浅析
2018/03/19 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
python实现的自动发送消息功能详解
2019/08/15 Python
python3 mmh3安装及使用方法
2019/10/09 Python
Python模块future用法原理详解
2020/01/20 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
Python如何对XML 解析
2020/06/28 Python
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
Elizabeth Gage官网:英国最好的珠宝设计之一
2020/09/26 全球购物
以思科路由器为例你写下单臂路由的配置命令
2013/08/03 面试题
Python文件操作的面试题
2013/06/22 面试题
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
工作鉴定评语
2014/05/04 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
会计工作总结范文2014
2014/12/23 职场文书
教学副校长工作总结
2015/08/13 职场文书
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
Python OpenCV超详细讲解基本功能
2022/04/02 Python