简明现代魔法 -> JavaScript -> 数字前面空位补0的一些实现

数字前面空位补0的一些实现

2010-12-12

要求1-9的数字前面加0,如01 02 ....10 11....,就是用 JavaScript 代码实现空位补零,比如 pad(12, 3) => 012之类的。

实现一:

/* 平淡无奇法 */
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~~~

一日,秋高气爽,心旷神怡。与友闲坐菩提树下,把酒下棋。友曰:BP 君,自从你走后,可害苦了我。你留下的那些神奇代码,害我头发提前掉了 3 年。我大惊:此话怎讲?友一脸不堪回首:记得那个神奇的 pad3 函数不?在你走后 1 年内,公司的业务激增。pad3 有个 bug, 某些情况下会截取掉数字的前几位。比如 pad3(123456, 5), 返回的是 23456. 这 bug 被黑客发现了,导致了好几起大规模的钓鱼事件,公司损失上百万。当时老总勒令我一天内找出 bug 所在,老兄你的神奇代码却害得我花了 3 天才定位到。除了 pad3, 还有一个神奇的 xxoo9 函数,当时……老友还在絮絮叨叨,我听完第一段时,已黯然失魂。低头琢磨 pad3 的写法,的确存在截取 bug, 这用在交易系统,狂汗……

与老友话别后,迫不及待地从 GoogleFace 的一朵云中取回当年的 pad3 和 xxoo9 等代码,一测试,大惊:

<script type="text/javascript">
    var testNum = 12, testNum2 = 123456789, testPad = 7;

    /* 最简单朴素的写法 */
    function pad(num, n) {
        var i = (num + "").length;
        while(i++ < n) num = "0" + num;
        return num;
    }

    println(pad(testNum, testPad));
    println(pad(testNum2, testPad));

    /* 递归式写法 */
    function pad2(num, n) {
        if ((num + "").length >= n) return num;
        return pad2("0" + num, n);
    }
    println(pad2(testNum, testPad));
    println(pad2(testNum2, testPad));

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

    println(pad3(testNum, testPad));
    println(pad3(testNum2, testPad)); // ! WRONG

    /* 性能测试 */
    var N = 50000, start;
    for (var i = 0, c; c = ["pad", "pad2", "pad3"][i++]; ) {
        start = +new Date;
        for (var j = 0; j < N; ++j) {
            window[c](12, 3);
        }
        println(c + " time: " + (+new Date - start));
    }

    function println(msg) {
        document.write(msg + "<br />");
    }
</script>

pad3 不仅存在截取字符 bug, 居然还有性能问题……

最后给一种最优的方法:

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

你也许会需要PHP的,这里我也写了一个PHP的,诸君可以顺手牵羊~

<?php

for($j = 0; $j <= 20; $j++)
{
	echo pad($j, 2).'<br />';
}

function pad($num, $n) {
    $i = strlen($num);
    while($i++ < $n) 
		$num = "0".$num;
    return $num;
}
?>
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们