Centos系统下载大全 | Redhat系统下载大全 | Windows2012系统下载大全 | Windows2008系统下载大全| CMS教程 | 网站地图 51运维网-专注Linux/Unix系统安全运维!
当前位置:51运维网 > Web前端 > Javascript > 正文

javascript数字补零技巧:如何按照指定长度为数字前面补零

时间:2015-04-08 10:06 来源:网络整理 作者:51ou.com 阅读:

javascript实现按照指定长度为数字前面补零输出的方法

希望输出的数字长度是固定的,假设为10,如果数字为123,则输出0000000123,不够位数就在之前补足0,这里提供了三种不同的方式实现JS代码给数字补0 的操作

方法1
 

复制代码 代码示例:

function PrefixInteger(num, length) {
  return (num/Math.pow(10,length)).toFixed(length).substr(2);
}

方法2,更为高效
 

复制代码 代码示例:

function PrefixInteger(num, length) {
 return ( "0000000000000000" + num ).substr( -length );
}
 

还有更高效的
 

复制代码 代码示例:

function PrefixInteger(num, length) {
 return (Array(length).join('0') + num).slice(-length);
}

二、javascript 空位补零实现代码

javascript代码实现空位补零

实现一:
 

复制代码 代码示例:

/* 平淡无奇法 */
function pad(num, n) {
var i = (num + "").length;
while(i++ < n) num = "0" + num;
return num;
}

实现二:
 

复制代码 代码示例:

/* 神奇递归法 */
function pad2(num, n) {
if ((num + "").length >= n) return num;
return pad2("0" + num, n);
}

神奇的递归,每次都能让 mm 投来赞美和钦慕的眼神~~
然而,高手过招,讲究的是一招致命。上面的代码居然用了两行,简直是侮辱。琢磨一下,一行神奇的代码涌上心头:
 

复制代码 代码示例:

/* 奇淫技巧法 */
function pad3(num, n) {
return (Array(n).join(0) + num).slice(-n);
}

这次 mm 投来的是膜拜的眼神了,hiahia~~~
=== 我不是空间分隔线,我是很长很长的时间分割线。经历了 n 年后 ===
一日,秋高气爽,心旷神怡。与友闲坐菩提树下,把酒下棋。
友曰:BP 君,自从你走后,可害苦了我。你留下的那些神奇代码,害我头发提前掉了 3 年。
我大惊:此话怎讲?
友一脸不堪回首:记得那个神奇的 pad3 函数不?在你走后 1 年内,公司的业务激增。pad3 有个 bug, 某些情况下会截取掉数字的前几位。比如 pad3(123456, 5), 返回的是 23456. 这 bug 被黑客发现了,导致了好几起大规模的钓鱼事件,公司损失上百万。当时老总勒令我一天内找出 bug 所在,老兄你的神奇代码却害得我花了 3 天才定位到。除了 pad3, 还有一个神奇的 xxoo9 函数,当时……
老友还在絮絮叨叨,我听完第一段时,已黯然失魂。低头琢磨 pad3 的写法,的确存在截取 bug, 这用在交易系统,狂汗……
与老友话别后,迫不及待地从 GoogleFace 的一朵云中取回当年的 pad3 和 xxoo9 等代码,一测试,大惊:
tricky_code.html
pad3 不仅存在截取字符 bug, 居然还有性能问题……
一番激烈的思想斗争。
迷迷茫茫中,遥见唐僧笑侃而至:
世人皆笑我罗嗦,我道世人看不透。
欲解此惑看来时,质朴简单是真知。
唐僧抛下一卷轴,大笑而去:
 

复制代码 代码示例:

/* 质朴长存法 */
function pad(num, n) {
var len = num.toString().length;
while(len < n) {
num = "0" + num;
len++;
}
return num;
}

偶然看到一贴:位数不够前面补 0 的问题,于是立刻就有了这篇文章的构思。对于补零,我的奇淫反应是return Array(n - ("" + num).length + 1).join(0) + num;(也有 bug),和果果的类似,但考虑到震撼性(果果的 bug 更隐蔽),最后采用了果果的代码来举例。

javascript前补零操作实例

javascript前补零操作的方法,通过例子对比分析javascript实现补零的不同方法。

javascript前补零操作的方法

为了显示格式,需要在某一字符串不满位的情况下进行前补0操作。
1. 传统代码
 

复制代码 代码示例:

/**
 * 前补0操作
 * @param number String 待操作字符串
 * @param length int 目标长度
 */
function addZero(number, length) {
  var buffer = "";
  if (number == "") {
    for (var i = 0; i < length; i ++) {
      buffer += "0";
    }
  } else {
    if (length < number.length) {
      return "";
    } else if (length == number.length) {
      return number;
    } else {
      for (var i = 0; i < (length - number.length); i ++) {
        buffer += "0";
      }
      buffer += number;
    }
  }
  return buffer;
}

2、简洁型
 

复制代码 代码示例:

function addZero(str,length){       
  return new Array(length - str.length + 1).join("0") + str;
}

感谢您对【51运维网 http://www.51ou.com/】的支持,我们为您免费提供《javascript数字补零技巧:如何按照指定长度为数字前面补零》技术文章,《javascript数字补零技巧:如何按照指定长度为数字前面补零》详细使用和说明,有时《javascript数字补零技巧:如何按照指定长度为数字前面补零》可能不完善、敬请谅解!如果《javascript数字补零技巧:如何按照指定长度为数字前面补零》有错误请给我们留言,我们将尽快修复文章错误,如果您觉得本站不错,请分享给周围的朋友!谢谢!

顶一下
(0)
0%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
验证码:点击我更换图片