Wie kann JavaScript Strings auf eine bestimmte Länge auffüllen?

Kann JavaScript Strings auf eine bestimmte Länge auffüllen?

Das Auffüllen von Strings auf eine gewünschte Länge ist insbesondere in der Programmierung ein häufiges Bedürfnis beim Formatieren von Daten zur Anzeige oder Speicherung. JavaScript bietet mehrere Optionen, um dies zu erreichen, mit unterschiedlichem Grad an Komplexität und Kompatibilität auf verschiedenen JavaScript-Plattformen.

ES8/ES2017 String.padStart() Methode

Im Jahr 2017 ECMAScript 2017 (ES8) führte die Methoden String.padStart() und String.padEnd() speziell zum Auffüllen von Zeichenfolgen mit Leerzeichen oder anderen Zeichen ein. Diese Methoden werden in modernen Browsern und Node.js-Versionen unterstützt.

<br>"Jonas".padStart(10); // Standard-Pad-String ist ein Leerzeichen<br>"42".padStart(6, "0"); // Auffüllen mit „0“<br>“<em>“.padStart(8, „-/|“); // erzeugt '-/|-/|</em>'<br>

Für ältere JavaScript-Versionen kann String.padStart() mithilfe einer Polyfüllung implementiert werden.

Pre-ES8 Solutions

Vor ES8 wurden mehrere alternative Methoden zum Auffüllen verwendet Saiten. Ein gängiger Ansatz bestand darin, die Zeichenfolge mit einer Füllzeichenfolge zu verketten und mit „slice()“ den gewünschten Teil zu extrahieren:

<br>var n = 123</p>
<p>String("00000 " n).slice(-5); // gibt 00123 zurück<br>("00000" n).slice(-5); // gibt 00123 zurück<br>(" " n).slice(-5); // gibt „ 123“ zurück (mit zwei Leerzeichen)<br>

Eine andere Technik bestand darin, eine String-Padding-Erweiterung zu erstellen:

<br>String. Prototyp.paddingLeft = function (paddingValue) {<br> return String(paddingValue this).slice(-paddingValue.length);<br>};<br>

Diese Erweiterung kann wie folgt verwendet werden:

<br>function getFormattedTime(date) {<br> var Stunden = date.getHours();<br> var Minuten = date.getMinutes();</p>
<p>Stunden = Stunden.toString().paddingLeft("00");<br>Minuten = Minuten.toString().paddingLeft("00");</p>
<p>return „{0}:{1}“.format(Stunden, Minuten);<br>};</p>
<p>String.prototype.format = function () {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var args = arguments;
return this.replace(/{(\d+)}/g, function (match, number) {
    return typeof args[number] != 'undefined' ? args[number] : match;
});

Nach dem Login kopieren

};

This demonstriert das Auffüllen von Zeichenfolgen mithilfe einer modifizierten Zeichenfolgenprototypmethode.

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