如何在JavaScript中输出带前导零的数字?

有没有办法在数字前面加上前导零,这样它就会产生一个固定长度的字符串?例如,如果我指定2个位置,5就会变成"05"

943083 次浏览

:可能过时。ECMAScript 2017包括String.prototype.padStart

您必须将数字转换为字符串,因为数字与前导零没有意义。像这样的东西:

function pad(num, size) {
num = num.toString();
while (num.length < size) num = "0" + num;
return num;
}

或者,如果您知道您永远不会使用超过X个零,这可能会更好。这假设您永远不会想要超过10位数字。

function pad(num, size) {
var s = "000000000" + num;
return s.substr(s.length-size);
}

如果你关心负数,你必须去掉-并阅读它。

更新:使用ES2017String.prototype.padStart方法的小型单行函数:

const zeroPad = (num, places) => String(num).padStart(places, '0')


console.log(zeroPad(5, 2)); // "05"
console.log(zeroPad(5, 4)); // "0005"
console.log(zeroPad(5, 6)); // "000005"
console.log(zeroPad(1234, 2)); // "1234"

另一种ES5方法:

function zeroPad(num, places) {
var zero = places - num.toString().length + 1;
return Array(+(zero > 0 && zero)).join("0") + num;
}


zeroPad(5, 2); // "05"
zeroPad(5, 4); // "0005"
zeroPad(5, 6); // "000005"
zeroPad(1234, 2); // "1234" :)

只是为了好玩(我有一些时间可以消磨),一个更复杂的缓存零字符串的实现:

pad.zeros = new Array(5).join('0');
function pad(num, len) {
var str = String(num),
diff = len - str.length;
if(diff <= 0) return str;
if(diff > pad.zeros.length)
pad.zeros = new Array(diff + 1).join('0');
return pad.zeros.substr(0, diff) + str;
}

如果填充计数很大,并且函数调用得足够频繁,它实际上优于其他方法…

来自https://gist.github.com/1180489

function pad(a, b){
return(1e15 + a + '').slice(-b);
}

附评论:

function pad(
a, // the number to convert
b // number of resulting characters
){
return (
1e15 + a + // combine with large number
"" // convert to string
).slice(-b) // cut leading "1"
}
function zfill(num, len) {return (Array(len).join("0") + num).slice(-len);}

您可以扩展Number对象:

Number.prototype.pad = function(size) {
var s = String(this);
while (s.length < (size || 2)) {s = "0" + s;}
return s;
}

示例:

(9).pad();  //returns "09"


(7).pad(3);  //returns "007"