Formater un décimal en JavaScript
-
Utilisez la méthode
toString()pour formater un décimal en JavaScript -
Utilisez la méthode
toFixed()pour formater un décimal en JavaScript -
Utilisez la méthode
toLocaleString()pour formater un décimal en JavaScript
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"
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn