Wie kann ich Strings in JavaScript auf die gewünschte Länge auffüllen?

Auffüllen eines Strings in JavaScript

Einführung

JavaScript bietet verschiedene Methoden, um bestimmte String-Manipulationsaufgaben zu erfüllen. Eine solche Aufgabe besteht darin, eine Zeichenfolge auf die gewünschte Länge aufzufüllen und die leeren Räume mit Zeichen zu füllen. In diesem Artikel werden verschiedene Möglichkeiten zum Auffüllen einer Zeichenfolge in JavaScript erläutert.

Lösung mit String.padStart

ECMAScript 2017 (ES8) hat zu diesem Zweck die Methode String.padStart eingeführt. Es benötigt zwei Parameter: die gewünschte Länge und eine optionale Füllzeichenfolge (die standardmäßig ein Leerzeichen ist).

"Jonas".padStart(10); // Default pad string is a space
"42".padStart(6, "0"); // Pad with "0"
"*".padStart(8, "-/|\"); // produces '-/|\-/|*'

Polyfill für String.padStart

Wenn String.padStart in Ihrem nicht unterstützt wird JavaScript-Umgebung können Sie es als Polyfill hinzufügen:

if (!String.prototype.padStart) {
  String.prototype.padStart = function(length, padString) {
    padString = padString || " ";
    if (this.length >= length) return this;
    else return padString.repeat(length - this.length) + this;
  };
}

Verwenden von String-Verkettung

Eine einfache Möglichkeit dazu Beim Auffüllen einer Zeichenfolge wird diese mit den gewünschten Füllzeichen verkettet.

var n = 123

String("00000" + n).slice(-5); // returns 00123
("00000" + n).slice(-5); // returns 00123
("     " + n).slice(-5); // returns "  123" (with two spaces)

Erweitern des String-Objekts

Sie können das String-Objekt auch erweitern, um eine paddingLeft-Methode für Ihre Bequemlichkeit einzuschließen.

String.prototype.paddingLeft = function (paddingValue) {
   return String(paddingValue + this).slice(-paddingValue.length);
};

Beispielverwendung

function getFormattedTime(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();

  hours = hours.toString().paddingLeft("00");
  minutes = minutes.toString().paddingLeft("00");

  return "{0}:{1}".format(hours, minutes);
};

String.prototype.format = function () {
    var args = arguments;
    return this.replace(/{(\d+)}/g, function (match, number) {
        return typeof args[number] != 'undefined' ? args[number] : match;
    });
};

Dieser Code gibt eine Zeit im Format zurück „15:30“.

Das obige ist der detaillierte Inhalt vonWie kann ich Strings in JavaScript auf die gewünschte Länge auffüllen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!