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

问题

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

例如我们希望输出的数字长度是固定的，假设为10，如果数字为123，则输出0000000123，不够位数就在之前补足0.

---

方法1

变成小数再去掉0."

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

方法2 迭代方式实现

function PrefixInteger(num, length) {
    for(var len = (num + "").length; len < length; len = num.length) {
        num = "0" + num;            
    }
    return num;
}

方法3，更为高效

缺点：最大支持位数有限

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

方法4 建议采用

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

---

测试

let num = 0;
console.log(Util.PrefixInteger(num, 5)); num = 12;
console.log(Util.PrefixInteger(num, 5)); num = 123;
console.log(Util.PrefixInteger(num, 5)); num = 1234;
console.log(Util.PrefixInteger(num, 5));

Main.ts:89 00000
Main.ts:90 00012
Main.ts:91 00123
Main.ts:92 01234

其他

TypeScript Number相关方法和说明

• toExponential()
  强制一些指数形式来显示，即使数在其中的JavaScript通常使用标准符号的范围内。
• toFixed()
  格式与到小数点右侧的特定数目的位的数目。
• toLocaleString()
  在可以根据浏览器的本地设置而异的格式返回当前数字的字符串值的版本。
• toPrecision()
  定义了许多总位数（包括位小数的左和右）如何显示了一些。负的精度将抛出一个错误。
• toString()
  返回数字的值的字符串表示。该函数传递基数，2和36之间的整数，指定用于代表数值的基础。
• toValue()
  返回数字的原始值。

参考

• JavaScript 数字前补“0”的五种方法-https://blog.csdn.net/qq_29483485/article/details/81458856
• W3CSchool-TypeScript 数字-https://www.w3cschool.cn/typescript/typescript_numbers.html