首页 > 编程语言 >JavaScript实现数字前补“0”的五种方法示例

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

时间:2022-08-22 09:34:38浏览次数:59  
标签:前补 function return 示例 JavaScript write length num document

来自:https://www.jb51.net/article/153945.htm 侵删

<!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

标签:前补,function,return,示例,JavaScript,write,length,num,document
From: https://www.cnblogs.com/Byme/p/16611740.html

相关文章

  • 第十章 对象的示例化内存布局与访问定位
    遍地都是月光,可月亮只有一个1.对象的实例化创建对象的方式new:最常见的方式、单例类中调用getInstance的静态方法、XXXFactory的静态方法。Class的newInstance方......
  • JavaScript快速入门-04-运算符
    4运算符4.1算术运算符4.1.1概述  JavaScript提供的算术运算符如下所示:类型符号示例加法运算符+a+b减法运算符-a-b乘法运算符*a*b除......
  • 【原创】xenomai UDD介绍与UDD用户态驱动示例
    目录xenomaiUDD与用户态驱动示例一、UDD介绍二、UDD原理及框架1.内存映射2.中断处理UDD与UIO的区别3.linuxUIO与xenomaiUDD框架对比3.1UIO机制3.2UDD机制三、UDD应......
  • SfePy 示例1 学习笔记
    官方文档:https://sfepy.org/doc-devel/introduction.html介绍:是一个通过有限元法解决1D,2D,3D中的耦合偏微分方程的系统.可以对于复杂FEM问题进行简单编码其基于Numpy......
  • 封面 - JavaScript指南
     IT软件开发之JavaScript   AGuidetoJavaScriptJavaScript指南-------------------------------------------------------------------------------争取做......
  • Nginx配置示例-高可用集群
    视频教程:https://www.bilibili.com/video/BV1zJ411w7SV?p=14&vd_source=6a2d25a2f3270cb2d485b16863363e87博客借鉴:https://blog.csdn.net/qq_36059561/article/details......
  • JavaScript(上)
    说说你对作用域链的理解作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变......
  • JavaScript使用reduce动态修改对象的属性名
      首先在添加到数组的时候,弄2个,把number冒号右边的是可以动态修改的,后面再使用reduce合并;    countryChildrenDouble的数据     合并之后twoO......
  • JavaScript中的运动(2)
    运动swiper插件(内置css和js)概述:swiper是一个开源的免费的一个滚动的组件(他可以运用于轮播图焦点图滑动效果等)内置的Demo(演示)他里面包含对应的css(以class的形式......
  • jQuery on()方法示例及jquery on()方法的优点
    https://www.jb51.net/article/71614.htm#jQueryon()方法是官方推荐的绑定事件的一个方法。1$(selector).on(event,childSelector,data,function,map)......