Format monétaire d’un nombre en Javascript

Dans ce tutoriel nous allons découvrir comment formater des nombres au format monétaire en Javascript. Parfois, vous obtenez une valeur en chiffres, par exemple 8000 et vous souhaitez les afficher comme une devise dans votre pays, par exemple « 8 000 € ».
 
 
Différents pays ont différents formats pour afficher la devise dans leurs paramètres régionaux. Nous pouvons utiliser la méthode Intl.NumberFormat pour formater le nombre dans la devise de tout pays.
 

Formater le nombre en EURO
const euro = new Intl.NumberFormat('fr-FR', {
  style: 'currency',
  currency: 'EUR',
  minimumFractionDigits: 2
});

console.log(euro.format(8000)); 
console.log(euro.format(25));
console.log(euro.format(99600023147));

La sortie :

8 000,00 €
25,00 €
99 600 023 147,00 €

 
 

Formater le nombre en USD
const usd = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 2
});

console.log(usd.format(8000)); 
console.log(usd.format(25));
console.log(usd.format(99600023147));

La sortie :

$8,000.00
$25.00
$99,600,023,147.00

Vous pouvez en savoir plus sur les différentes options disponibles sur Intl.NumberFormat.
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *