Try:

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，其语法如下。

“弦”。padStart (targetLength, padString]):

现在我们可以用

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

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 is a block-scoped variable (as opposed to var’s functional scoping) => is an arrow function that, among other things, replaces function and is prepended by its parameters If an arrow function takes a single parameter, you can omit the parentheses (hence number =>) If an arrow function body has a single line that starts with return, you can omit the braces and the return keyword and simply use the expression To get the function body down to a single line, I cheated and used a ternary expression

Try:

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，其语法如下。

“弦”。padStart (targetLength, padString]):

现在我们可以用

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

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

当您用一个数字初始化一个数组时，它会创建一个长度设置为该值的数组，以便数组看起来包含许多未定义的元素。虽然一些Array实例方法跳过不带值的数组元素，但.join()不会，或者至少不会完全跳过;它将它们的值视为空字符串。因此，在每个数组元素之间，你得到了一个0字符(或无论“z”是什么)的副本;这就是为什么这里有+ 1。

使用示例:

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

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

为了好玩，我们不用循环来创建额外的0:

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

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

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"

不漂亮，但很有效。