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 相关文章推荐
Javascript中的数学函数集合
May 08 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
原生js+css实现tab切换功能
Sep 17 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 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
8个出色的WordPress SEO插件收集
2011/02/26 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
PHP模块memcached使用指南
2014/12/08 PHP
php短址转换实现方法
2015/02/25 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
JS与框架页的操作代码
2010/01/17 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
玩转python爬虫之正则表达式
2016/02/17 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
交通安全教育制度
2014/02/02 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
销售助理岗位职责
2015/02/11 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
Python竟然能剪辑视频
2021/05/25 Python
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
Vue操作Storage本地化存储
2022/04/29 Vue.js
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers