Heim >Web-Frontend >js-Tutorial >Wie kann ich Zahlen in JavaScript mit führenden Nullen auffüllen?

Wie kann ich Zahlen in JavaScript mit führenden Nullen auffüllen?

Susan Sarandon
Susan SarandonOriginal
2024-12-03 09:41:10404Durchsuche

How Can I Pad Numbers with Leading Zeros in JavaScript?

Auffüllen von Zahlen mit führenden Nullen in JavaScript

Ursprüngliche Frage:

Kann JavaScript verwendet werden? eine Zahl mit führenden Nullen auf eine bestimmte Breite auffüllen? Beispielsweise sollte eine Zahl wie 9 mit drei führenden Nullen auf „0009“ aufgefüllt werden.

Lösung:

ES2017 Update:

  • String.prototype.padStart(): Diese integrierte Methode ermöglicht das Auffüllen einer Zeichenfolge mit einer angegebenen Anzahl von Zeichen am Anfang:

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

Vermächtnis Ansatz:

  • Benutzerdefinierte Funktion: Wenn ES2017-Funktionen nicht verfügbar sind, kann eine benutzerdefinierte Funktion erstellt werden, um die Nummer aufzufüllen:

    function pad(n, width, z) {
    z = z || '0';
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
    }
  • Diese Funktion benötigt drei Parameter: die aufzufüllende Zahl (n), die gewünschte Breite (width) und ein optionales Füllzeichen (z, Standardeinstellung). zu '0').
  • Sie wandelt die Zahl in einen String um und vergleicht ihre Länge mit der gewünschten Breite.
  • Wenn die Zahl kürzer als die gewünschte Breite ist, erstellt die Funktion ein Array mit die erforderliche Anzahl von Elementen, gefüllt mit dem Füllzeichen.
  • Die Array-Elemente werden zu einer Zeichenfolge zusammengefügt und der Anzahl vorangestellt, um das gewünschte Ergebnis zu erzielen Polsterung.

Beispielverwendung:

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

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

Das obige ist der detaillierte Inhalt vonWie kann ich Zahlen in JavaScript mit führenden Nullen auffüllen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn