Heim >Web-Frontend >js-Tutorial >Wie formatiere ich Zahlen zuverlässig so, dass immer zwei Dezimalstellen angezeigt werden?

Wie formatiere ich Zahlen zuverlässig so, dass immer zwei Dezimalstellen angezeigt werden?

DDD
DDDOriginal
2024-12-17 13:07:25276Durchsuche

How to Reliably Format Numbers to Always Show Two Decimal Places?

So formatieren Sie Zahlen so, dass immer zwei Dezimalstellen angezeigt werden

Ziel:

Das Ziel besteht darin, Zahlen konsistent mit zwei Dezimalstellen anzuzeigen und sie auf zu runden notwendig.

Beispiel:

number display
1 1.00
1.341 1.34
1.345 1.35

Erster Ansatz:

Verwendung von parseFloat(num).toFixed(2) ; Das Formatieren von Zahlen war nicht erfolgreich, da Werte wie 1 ohne die gewünschte Dezimalzahl angezeigt werden.

Lösung:

Um die gewünschte Formatierung zu erreichen, verwenden Sie die folgende Formel:

(Math.round(num * 100) / 100).toFixed(2);

Erklärung:

Diese Lösung umfasst drei Schlüssel Schritte:

  1. Mit 100 multiplizieren: Dieser Schritt verschiebt den Dezimalpunkt um zwei Stellen nach rechts und ermöglicht so eine präzise Rundung ohne den Verlust signifikanter Ziffern.
  2. Ergebnis runden: Math.round() wird angewendet, um den Wert auf den nächsten Wert zu runden Ganzzahl.
  3. Durch 100 dividieren: Dieser Schritt bringt den Dezimalpunkt wieder an seine ursprüngliche Position und stellt sicher, dass die Zahl mit genau zwei Dezimalstellen angezeigt wird.

Code Demonstration:

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

Ausgabe:

number display
1 1.00
1.341 1.34
1.345 1.35

Das obige ist der detaillierte Inhalt vonWie formatiere ich Zahlen zuverlässig so, dass immer zwei Dezimalstellen angezeigt werden?. 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