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

Formater le nombre pour toujours afficher 2 décimales

La tâche donnée consiste à convertir les nombres dans un format qui affiche systématiquement deux décimales, en les arrondissant si nécessaire. Bien que l'approche consistant à utiliser parseFloat(num).toFixed(2) puisse réaliser une conversion de base, elle ne suffit pas lorsqu'il s'agit de nombres entiers.

Solution améliorée :

Pour résoudre ce problème, une solution plus robuste peut être employé :

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

Explication :

1. Math.round(num * 100) : Multiplie le nombre par 100 et l'arrondit à l'entier le plus proche. Cela convertit efficacement le nombre en une chaîne avec deux décimales, même pour les entiers.
2. (Math.round(num * 100) / 100) : divise le résultat par 100 pour restaurer l'échelle d'origine du nombre.
3. .toFixed(2) : tronque le résultat à deux décimales, en arrondissant où nécessaire.

Exemple :

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

Sortie :

<span>

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!