HOWTO · JavaScript
Formater un décimal en JavaScript
Cet article vous aidera à comprendre comment formater un nombre décimal à l'aide de JavaScript.
Sur cette page
Cet article examinera comment formater les décimales à l’aide de JavaScript.
Pour formater un nombre avec des virgules et des décimales en JavaScript, nous pouvons utiliser Math.round() et split() pour un nombre spécifié. Nous pouvons utiliser les méthodes toFixed(), toString() et toLocaleString() pour formater le nombre décimal.
Utilisez la méthode toString() pour formater un décimal en JavaScript
La méthode toString() de JavaScript convertit les nombres en chaînes et renvoie une chaîne représentant l’objet Number spécifié.
<!DOCTYPE html>
<html>
<body>
<script>
var numb = 45342.764;
var valu = Math.round(Number(numb) * 100) / 100;
var pts = valu.toString().split(".");
var num =
pts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") +
(pts[1] ? "." + pts[1] : "");
console.log(num);
</script>
</body>
</html>
La fonction .split() transforme des fragments de la chaîne à des endroits spécifiques en composants de tableau, qui sont ensuite fusionnés en une série séparée par des virgules.
Production:
"45,342.76"
Vous pouvez même utiliser la méthode toString() en créant une fonction.
<script>
var numb = 45342.76;
function numbCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(numbCommas(numb));
</script>
Production:
"45,342.76"
Utilisez la méthode toFixed() pour formater un décimal en JavaScript
La méthode toFixed() en JavaScript formate un nombre avec deux décimales. La méthode toFixed() formate le nombre avec le nombre de chiffres spécifié à droite de la virgule décimale.
Il génère une représentation sous forme de chaîne d’un nombre avec le nombre correct de décimales, mais n’utilise pas la notation scientifique.
<script>
var number1 = 45342.764; document.write("number1 is : " + number1.toFixed(2));
document.write("
<br /> ");
</script>
Production:
number1 is: 45342.76
Utilisez la méthode toLocaleString() pour formater un décimal en JavaScript
De même, nous pouvons utiliser la méthode toLocaleString() pour séparer les nombres décimaux par des virgules, qui sont différentes pour différentes localités. Comme en-US sépare les nombres avec des virgules à toutes les 3 positions, tandis que hi-IN sépare aux 3 premières positions puis à toutes les 2 places.
let decNum = 4534289.764;
console.log(decNum.toLocaleString('en-US'));
console.log(decNum.toLocaleString('hi-IN'));
Production:
"4,534,289.764"
"45,34,289.764"
