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 相关文章推荐
在Z-Blog中运行代码[html][/html](纯JS版)
Mar 25 Javascript
关于js遍历表格的实例
Jul 10 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
JavaScript表单焦点自动切换代码
Jul 24 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 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
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
php统计数组元素个数的方法
2015/07/02 PHP
php 如何获取文件的后缀名
2016/06/05 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
js replace 与replaceall实例用法详解
2013/08/03 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
JS实现完全语义化的网页选项卡效果代码
2015/09/15 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
pandas 空的dataframe 插入列名的示例
2018/10/30 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
django和vue实现数据交互的方法
2019/08/21 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
给校长的建议书
2014/03/12 职场文书
2014年护士长工作总结
2014/11/11 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers
golang连接MySQl使用sqlx库
2022/04/14 Golang