JavaScript实现数字前补“0”的五种方法示例


Posted in Javascript onJanuary 03, 2019

本文实例讲述了JavaScript实现数字前补“0”的五种方法。分享给大家供大家参考,具体如下:

众所周知JavaScript中的数字是没有前置0的,因此需要我们自己进行操作来添加前置0,而且还得转换成字符串。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript 数字前补“0”</title>
<body>
<script>
 //迭代方式实现
 function padding1(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
  }
  return num;
 }
 //递归方式实现
 function padding2(num, length) {
  if((num + "").length >= length) {
   return num;
  }
  return padding2("0" + num, length)
 }
 //转为小数
 function padding3(num, length) {
  var decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
 }
 //填充截取法
 function padding4(num, length) {
  //这里用slice和substr均可
  return (Array(length).join("0") + num).slice(-length);
 }
 //填充截取法
 function padding5(num, length) {
  var len = (num + "").length;
  var diff = length - len;
  if(diff > 0) {
   return Array(diff).join("0") + num;
  }
  return num;
 }
 function test(num, length) {
  document.write(padding1(num, length));
  document.write("<br>");
  document.write(padding2(num, length));
  document.write("<br>");
  document.write(padding3(num, length));
  document.write("<br>");
  document.write(padding4(num, length));
  document.write("<br>");
  document.write(padding5(num, length));
  document.write("<br>");
 }
 test(123, 10);
 test(1234567890123, 10);
</script>
</body>
</html>

输出

0000000123
0000000123
0000000123
0000000123
000000123
1234567890123
1234567890123
4567890123
4567890123
1234567890123

感兴趣的朋友还可以使用本站在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试运行上述代码。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
javascript 单选框,多选框美化代码
Aug 01 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
JavaScript 基本概念
Jan 20 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
JS添加或修改控件的样式(Class)实现方法
Oct 15 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 #Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 #Javascript
发布一款npm包帮助理解npm的使用
Jan 03 #Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 #Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 #Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 #Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 #Javascript
You might like
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
用PHP实现小型站点广告管理
2006/10/09 PHP
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
PHP 强制下载文件代码
2010/10/24 PHP
各种快递查询--Api接口
2016/04/26 PHP
php中引用&amp;的用法分析【变量引用,函数引用,对象引用】
2016/12/12 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
Javascript 实用小技巧
2010/04/07 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
2016/11/17 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[01:26]DOTA2荣耀之路2:iG,China
2018/05/24 DOTA
Python版的文曲星猜数字游戏代码
2013/09/02 Python
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
Python工程师面试题 与Python基础语法相关
2016/01/14 Python
Python输出汉字字库及将文字转换为图片的方法
2016/06/04 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
工程监理应届生求职信
2013/11/09 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
财产公证书
2014/04/10 职场文书
实习报告评语
2014/04/26 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
质量保证书
2015/01/17 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers