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
Freigeben: 2024-12-15 11:52:09
Original
903 Leute haben es durchsucht

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);
Nach dem Login kopieren

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);
Nach dem Login kopieren

Ausgabe:

<span>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage