在JavaScript中使用前导零填充数字

Question

可能重复:
如何使用JavaScript创建Zerofilled值？

在JavaScript中,我需要填充.

例如,如果我有数字9,它将是"0009".如果我有多个说10,它将是"0010".请注意它将如何始终包含四位数.

一种方法是减去数字减去4得到我需要放置的0的数量.

有没有更明智的方式这样做？

Answer 1

到目前为止,并没有太多的"浮油":

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;
}

那样的东西？

Bonus难以理解但更光滑的单线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 8中,我们有新方法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将支持更大的数字.