JavaScript 数字前补“0”的五种方法

最新推荐文章于 2024-03-05 09:43:10 发布

福州司马懿

最新推荐文章于 2024-03-05 09:43:10 发布

阅读量4.6w

点赞数 2

分类专栏： JavaScript 文章标签： javascript 填充

转载请注明出处——https://blog.csdn.net/chy555chy

本文链接：https://blog.csdn.net/chy555chy/article/details/62886715

版权

JavaScript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

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

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

福州司马懿

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 数字前补“0”的五种方法

众所周知JavaScript中的数字是没有前置0的，因此需要我们自己进行操作来添加前置0，而且还得转换成字符串。<html><body><script> //迭代方式实现 function padding1(num, length) { for(var len = (num + "").length; len < length; len = num.length)
复制链接

扫一扫