Heim >Web-Frontend >js-Tutorial >Wie fülle ich eine Zahl in JavaScript mit führenden Nullen auf?

Wie fülle ich eine Zahl in JavaScript mit führenden Nullen auf?

Linda Hamilton
Linda HamiltonOriginal
2024-12-06 15:28:16643Durchsuche

How to Pad a Number with Leading Zeros in JavaScript?

So füllen Sie eine Zahl mit führenden Nullen in JavaScript auf

JavaScript verfügt nicht über eine integrierte Funktion zum Auffüllen von Zahlen mit führenden Nullen. Sie können diese Auffüllung jedoch mit verschiedenen Methoden erreichen.

Lösung 1: Verwenden von String.prototype.padStart()

Für ES2017 und höher können Sie den String nutzen .prototype.padStart()-Methode:

String(n).padStart(4, '0');

Dadurch wird die Zahl n mit Nullen aufgefüllt, bis sie eine Gesamtlänge von erreicht 4. Zum Beispiel:

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

n = 10;
String(n).padStart(4, '0'); // '0010'

Lösung 2: Verwenden von Array.prototype.join()

Für Browser vor ES2017 können Sie eine Kombination aus Array verwenden .prototype.join() und String-Verkettung:

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 prüft zunächst, ob der String der Nummer vorliegt Die Länge ist bereits größer oder gleich der gewünschten Breite. Wenn nicht, wird ein Array mit einer Länge initialisiert, die der Breite minus der aktuellen Länge der Zahl plus 1 entspricht, und mit dem Nullzeichen verbunden. Dadurch wird effektiv eine Folge von Nullen mit der entsprechenden Länge erstellt, die dann mit der Zahl verkettet wird.

Beispielverwendung:

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

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

Das obige ist der detaillierte Inhalt vonWie fülle ich eine Zahl in JavaScript mit führenden Nullen auf?. 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