在 JavaScript 中用前导零填充数字[重复]

Question

在 JavaScript 中，我需要填充。

例如，如果我有数字 9，它将是“0009”。如果我有几个说10，那就是“0010”。请注意它如何始终包含四位数字。

实现此目的的一种方法是减去数字减 4 以获得我需要输入的 0 的数量。

有更巧妙的方法吗？

Answer 1

ES2017更新

您可以使用内置的 String.prototype.padStart()

n = 9;
String(n).padStart(4, '0'); // '0009'

n = 10;
String(n).padStart(4, '0'); // '0010'

---

到目前为止还没有发生太多“圆滑”的事情：

function pad(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

当您使用数字初始化数组时，它会创建一个将

length

设置为该值的数组，以便该数组看起来包含那么多

undefined

元素。尽管某些 Array 实例方法会跳过没有值的数组元素，但

.join()

不会，或者至少不完全；它将它们视为空字符串。因此，您将获得每个数组元素之间的零字符（或任何“z”）的副本；这就是为什么那里有一个

+ 1

。

使用示例：

pad(10, 4);      // 0010
pad(9, 4);       // 0009
pad(123, 4);     // 0123

pad(10, 4, '-'); // --10

Answer 2

function padToFour(number) {
  if (number<=9999) { number = ("000"+number).slice(-4); }
  return number;
}

有这样的事吗？

额外提供难以理解但更流畅的单行 ES6 版本：

let padToFour = number => number <= 9999 ? `000${number}`.slice(-4) : number;

ES6isms：

• let

  是一个块作用域变量（与

  var

  的函数作用域相反）

• =>

  是一个箭头函数，除其他外，它取代了

  function

  并在其前面添加了参数
• 如果箭头函数采用单个参数，则可以省略括号（因此

  number =>

  ）
• 如果箭头函数体有一行以

  return

  开头，您可以省略大括号和

  return

  关键字，而只需使用表达式
• 为了将函数体缩减为一行，我作弊并使用了三元表达式

Answer 3

尝试：

String.prototype.lpad = function(padString, length) {
    var str = this;
    while (str.length < length)
        str = padString + str;
    return str;
}

现在测试：

var str = "5";
alert(str.lpad("0", 4)); //result "0005"
var str = "10"; // note this is string type
alert(str.lpad("0", 4)); //result "0010"

DEMO

---

在 ECMAScript 2017 中，我们有新方法

padStart

和

padEnd

，其语法如下。

"string".padStart(targetLength [,padString]):

现在我们可以使用

const str = "5";
str.padStart(4, "0"); // "0005"

Answer 4

有趣的是，我最近不得不这样做。

function padDigits(number, digits) {
    return Array(Math.max(digits - String(number).length + 1, 0)).join(0) + number;
}

使用类似：

padDigits(9, 4);  // "0009"
padDigits(10, 4); // "0010"
padDigits(15000, 4); // "15000"

不漂亮，但有效。

Answer 5

你确实说过你有电话号码-

String.prototype.padZero= function(len, c){
    var s= '', c= c || '0', len= (len || 2)-this.length;
    while(s.length<len) s+= c;
    return s+this;
}
Number.prototype.padZero= function(len, c){
    return String(this).padZero(len,c);
}

Answer 6

你可以这样做：

function pad ( num, size ) {
  return ( Math.pow( 10, size ) + ~~num ).toString().substring( 1 );
}

编辑：这只是函数的基本想法，但要添加对更大数字（以及无效输入）的支持，这可能会更好：

function pad ( num, size ) {
  if (num.toString().length >= size) return num;
  return ( Math.pow( 10, size ) + Math.floor(num) ).toString().substring( 1 );
}

这有两件事：

1. 如果数字大于指定大小，则简单地返回该数字。
2. 使用

   Math.floor(num)

   代替

   ~~num

   将支持更大的数字。

Answer 7

这并不是真正的“巧妙”，但对每个填充进行整数运算比进行字符串连接更快

0

。

function ZeroPadNumber ( nValue )
{
    if ( nValue < 10 )
    {
        return ( '000' + nValue.toString () );
    }
    else if ( nValue < 100 )
    {
        return ( '00' + nValue.toString () );
    }
    else if ( nValue < 1000 )
    {
        return ( '0' + nValue.toString () );
    }
    else
    {
        return ( nValue );
    }
}

此函数还根据您的特定需求进行了硬编码（4 位数字填充），因此它不是通用的。

Answer 8

为了好玩，不要使用循环来创建额外的零：

function zeroPad(n,length){
  var s=n+"",needed=length-s.length;
  if (needed>0) s=(Math.pow(10,needed)+"").slice(1)+s;
  return s;
}

Answer 9

既然你提到它的长度总是为 4，我不会做任何错误检查来让这个变得光滑。 ;)

function pad(input) {
    var BASE = "0000";
    return input ? BASE.substr(0, 4 - Math.ceil(input / 10)) + input : BASE;
}

想法：只需用提供的数字替换“0000”...问题是，如果

input

是0，我需要对其进行硬编码以返回“0000”。哈哈。

这应该足够光滑了。

JSFiddler：http://jsfiddle.net/Up5Cr/