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

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

Linda Hamilton
Linda HamiltonOriginal
2024-12-15 11:52:09906Durchsuche

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

Zahl so formatieren, dass immer zwei Dezimalstellen angezeigt werden

Die gegebene Aufgabe besteht darin, Zahlen in ein Format umzuwandeln, das konsistent zwei Dezimalstellen anzeigt, und diese bei Bedarf zu runden. Während der Ansatz, parseFloat(num).toFixed(2) zu verwenden, eine grundlegende Konvertierung erreichen kann, ist er beim Umgang mit ganzen Zahlen unzureichend.

Verbesserte Lösung:

Zur Lösung Dieses Problem kann eine robustere Lösung sein beschäftigt:

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

Erklärung:

  1. Math.round(num * 100): Multipliziert die Zahl mit 100 und rundet sie auf die nächste ganze Zahl. Dadurch wird die Zahl effektiv in eine Zeichenfolge mit zwei Dezimalstellen umgewandelt, auch bei ganzen Zahlen.
  2. (Math.round(num * 100) / 100): Dividiert das Ergebnis durch 100, um die ursprüngliche Skalierung der Zahl wiederherzustellen.
  3. .toFixed(2): Schneidet das Ergebnis auf zwei Dezimalstellen ab und rundet die Stellen auf notwendig.

Beispiel:

var num1 = "1";
var num2 = "1.341";
var num3 = "1.345";

document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

Ausgabe:

<span>

Das obige ist der detaillierte Inhalt vonWie formatiere ich Zahlen zuverlässig so, dass in JavaScript 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