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 相关文章推荐
单独使用CKFinder选择图片的方法
Aug 21 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
jquery中键盘事件小结
Feb 24 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
vue中v-model的应用及使用详解
Jun 27 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 29 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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桌面中心(四) 数据显示
2007/03/11 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
iis6+javascript Add an Extension File
2007/06/13 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
浅析javascript操作 cookie对象
2014/12/26 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
用pyqt5 给按钮设置图标和css样式的方法
2019/06/24 Python
Python代码太长换行的实现
2019/07/05 Python
使用opencv识别图像红色区域,并输出红色区域中心点坐标
2020/06/02 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
盛大笔试题
2016/11/05 面试题
接待员岗位责任制
2014/02/10 职场文书
关爱留守儿童倡议书
2014/04/15 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
公证书
2019/04/17 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
Redis 彻底禁用RDB持久化操作
2021/07/09 Redis