Zahlenformatierung in JavaScript: Verwenden Sie die Methode zur tofixed (), um feste Dezimalstellen beizubehalten

In diesem Tutorial wird ausführlich erläutert, wie Zahlen in Zeichenfolgen mit festen zwei Dezimalstellen in JavaScript formatiert werden. Auch Ganzzahlen können in Form von "#.00" angezeigt werden. Wir konzentrieren uns auf die Verwendung der Nummer.

In der Front-End-Entwicklung müssen wir häufig Zahlen formatieren, um sicherzustellen, dass sie auf der Benutzeroberfläche einheitlich und lesbar gemacht werden. Eine häufige Anforderung besteht darin, Zahlen (ob Ganzzahlen oder Dezimalstellen) an festen Dezimalstellen zu formatieren, z. B. Währungsbeträge erfordern normalerweise zwei Dezimalstellen, die angezeigt werden müssen. Die Zahlentypen in JavaScript enthalten keine Formatinformationen selbst. Wenn wir das Anzeigeformat von Zahlen steuern müssen, müssen wir sie in Zeichenfolgen umwandeln und spezifische Formatierungsregeln anwenden.

Verwenden Sie die Methode tofixed () für die digitale Formatierung

JavaScript liefert eine integrierte Methodennummer.

Methodenübersicht

Die methodische Methode () empfängt einen Parameter, der die Anzahl der Ziffern angibt, die nach dem Dezimalpunkt beibehalten werden sollen. Es rundet die Nummer auf die angegebenen Dezimalstellen und gibt eine Zeichenfolge zurück, die die Nummer darstellt.

Grammatik:

 Numobj.tofixed (Ziffern)

• Numobj: Erforderlich. Das digitale Objekt zu Format.
• Ziffern: Optional. Geben Sie an, wie viele Ziffern nach dem Dezimalpunkt sein sollten. Der Wert muss zwischen 0 und 20 liegen (einschließlich 0 und 20). Wenn es weggelassen wird, beträgt der Standard 0.

Beispielcode

Das folgende Beispiel zeigt, wie verschiedene Arten von Zahlen in Strings zweier Dezimalstellen unter Verwendung von Tofixed (2) formatiert werden:

 sei num1 = 18; // Integer let Num2 = 18,1; // eine Dezimalstelle num3 = 18,11; // zwei Dezimales let Num4 = 18.115; // Drei Dezimal, abgerundet Num5 = 18,0; // explizite Dezimalkonsole.log (num1.tofixed (2)); // Ausgabe: "18.00"
console.log (num2.tofixed (2)); // Ausgabe: "18.10"
console.log (num3.tofixed (2)); // Ausgabe: "18.11"
console.log (num4.tofixed (2)); // Ausgabe: "18.12" (gerundet)
console.log (num5.tofixed (2)); // Ausgabe: "18.00"

Wie aus dem obigen Beispiel ersichtlich ist, können Sie (2) können:

• Fügen Sie .00 für Ganzzahlen hinzu.
• Fügen Sie eine 0 für eine Zahl mit nur einer Dezimalzahl hinzu.
• Halten Sie die Zahl mit zwei Dezimalstellen unverändert.
• Runden Sie die Zahlen mit mehr als zwei Dezimalstellen zusammen.

Dinge zu beachten

Es gibt mehrere wichtige Punkte, die bei der Verwendung der methodischen Methode tofixed () besondere Aufmerksamkeit benötigen:

1. Der Rückgabetyp ist eine Zeichenfolge : Der Rückgabewert der methodischen Methode für Tofixed () ist immer eine Zeichenfolge. Dies bedeutet, dass Sie ihn möglicherweise zuerst in einen numerischen Typ umwandeln müssen (z.

    Sei formatednum = (18) .Tofixed (2); // formatiert ist "18.00".
   console.log (typeof formatednum); // Ausgabe: "String"
   // console.log (formattednum 1); // Das Ergebnis ist "18.001", weil es ein String -Spleißen ist

2. Rundungsverhalten : Tofixed () führt Standardrunden durch. Wenn die zu verworfene Zahl 5 beträgt, rundet sie nach oben.

    console.log ((1.005) .Tofixed (2)); // Ausgabe: "1.01"
   console.log ((1.004) .Tofixed (2)); // Ausgabe: "1.00"

3. Nichtlokalisierung : Die Methode tofixed () berücksichtigt das Gebietsschema des Benutzers nicht. Es verwendet immer Punkte (.) Als Dezimalabteilung. Wenn Ihre Anwendung mehrere Sprachen und mehrere Regionen unterstützen muss und unterschiedliche Dezimalabschlüsse oder tausend Abschlüsse gemäß der Region anzeigen muss, ist Intl.numberformat die geeignetere Wahl.

    // In einigen Regionen ist das Dezimaltrennzeichen beispielsweise ein Komma // tofixed () diese Situation nicht umgeht // constl formatter = new intl.numberformat ('de-de', {minimumFractionDigits: 2, maximumFractionDigits: 2});
   // console.log (formatter.format (12345.67)); // Mai Ausgabe "12.345,67"

4. Parameterbereich : Der Parameter der Ziffern muss zwischen 0 und 20 liegen. Der Überschreiten dieses Bereichs führt zu einem Rangiereindruck.

Zusammenfassen

Die Zahl.Prototype.toFixed () -Methode ist ein sehr praktisches Instrument in JavaScript für die Formatierung von Zahlen in Zeichenfolgen mit festen Dezimalstellen, insbesondere für Szenarien, in denen ein einheitliches Display -Format erforderlich ist, z. B. Finanzdaten oder Rohstoffpreise. Zu verstehen, dass sein Rückgabetyp eine Zeichenfolge ist und sein Rundungsverhalten ist der Schlüssel zur korrekten Verwendung. Für komplexere Lokalisierungsanforderungen sollten Sie die intl.numberformat -API verwenden.

Das obige ist der detaillierte Inhalt vonZahlenformatierung in JavaScript: Verwenden Sie die Methode zur tofixed (), um feste Dezimalstellen beizubehalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!