Comment formater de manière fiable les nombres pour toujours afficher deux décimales ?

Comment formater les nombres pour toujours afficher 2 décimales

Objectif :

L'objectif consiste à afficher systématiquement les nombres avec deux décimales, en les arrondissant comme nécessaire.

Exemple :

number	display
1	1.00
1.341	1.34
1.345	1.35

Approche initiale :

Utilisation de parseFloat(num).toFixed(2) ; le formatage des nombres a échoué, car il affiche des valeurs telles que 1 sans la décimale souhaitée.

Solution :

Pour obtenir le formatage souhaité, utilisez la formule suivante :

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

Explication :

Cette solution implique trois clés étapes :

1. Multiplier par 100 :Cette étape décale la virgule décimale de deux places vers la droite, permettant un arrondi précis sans perdre de chiffres significatifs.
2. Arrondir le résultat : Math.round() est appliqué pour arrondir la valeur au plus proche entier.
3. Diviser par 100 : Cette étape ramène la virgule décimale à sa position d'origine, garantissant que le nombre est affiché avec exactement deux décimales.

Code Démonstration :

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);

Sortie :

number	display
1	1.00
1.341	1.34
1.345	1.35

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!