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

IT技术 javascript text-formatting number-formatting
2021-02-07 12:56:50

有没有办法在数字前加上前导零,以便产生固定长度的字符串?例如,如果我指定 2 个地方,则5变为"05"

6个回答

注意:可能已经过时。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);
}

如果您关心负数,则必须剥离-并阅读它。

想通了: value = pad(value, 18); ==> 始终返回 18 个字符,因此如果添加 10 个零,则大小应为 10。
2021-03-19 12:56:50
^ 负值在许多版本的 IE 中不起作用。
2021-03-27 12:56:50
也许一个例子如何调用函数和结果?
2021-03-29 12:56:50
第二个功能;更短:function pad(num, size){ return ('000000000' + num).substr(-size); }
2021-03-31 12:56:50
啊,显然 slice() 在 IE 中使用负值 :) stackoverflow.com/questions/2243824/...
2021-04-08 12:56:50

更新:使用 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" :)
您没有考虑负数组大小;) 例如zeroPad(1234, 2)->RangeError: Invalid array length
2021-03-11 12:56:50
nodejs的最佳解决方案
2021-03-16 12:56:50
我喜欢这些代码,但它在 Chrome 中似乎更慢。有兴趣查看其他浏览器的结果:jsperf.com/zero-padding-number-methods
2021-03-24 12:56:50
根据这个基准,这种方法比公认的解决方案慢 5 倍:gist.github.com/4382935
2021-03-28 12:56:50
对于 Node.js,这是最好的工作解决方案。国军
2021-04-06 12:56:50

您可以扩展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"
是的,确实如此,它会检查总长度并进行比较。
2021-03-18 12:56:50
(9).pad()(7).pad(3)括号!
2021-03-18 12:56:50
是的,这取决于你在哪里使用它。这本身并不是坏事,但如果在有大量第三方参与的空间中使用,则可能存在覆盖功能的风险。
2021-03-24 12:56:50
我认为这正是我所需要的。参数“size”指的是最终字符数,而不是要添加的零的总数,对吗?
2021-04-04 12:56:50
该问题与全局变量不可比,也与 IE6 没有任何关系。问题是永久性的。它多年前被发现的事实并没有让它消失。问题在于语言本身在进化。谁能说您的.pad()Will 的工作方式与本机版本相同,是否应该出现?我找不到我的原始评论。希望这只是 Stack Overflow 中的一个错误。如果它被删除,那将是对这里事物状态的不良反映。
2021-04-07 12:56:50

来自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"
}
@ dave1010我得到了一个坏的结果pad(1234)的产量"1000000000001234"带参数pad(1234,20)收益"1000000000001234"谢谢@Brock Adams
2021-03-10 12:56:50
这很好,但它有一个致命的缺陷。例如,pad (1234, 3) === "234"这显然是不可接受的。
2021-03-13 12:56:50
如果您想要填充超过 15 的长度,它也会被破坏。优雅,但非常不灵活。
2021-04-04 12:56:50
@JamesThomasMoon1979,请参阅此答案它不仅工作正常(虽然大多数其他答案在许多测试用例中都失败了),而且明显优于其他方法——特别是如果您使用评论中链接的对数变化。
2021-04-06 12:56:50
对于我的需求,我就是喜欢它。简单的。另一种看待事物的方式。不像每个人。想的不一样!以上所有方法也各有利弊。
2021-04-07 12:56:50
function zfill(num, len) {return (Array(len).join("0") + num).slice(-len);}
zfill(1234, 3) === "234"
2021-03-10 12:56:50
当您发布代码时,选择它并单击{}按钮,以便将其格式化。
2021-03-19 12:56:50
function zFill(n,l){return (l>n.toString().length)?((Array(l).join('0')+n).slice(-l)):n;}
2021-03-21 12:56:50