Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Objet : Intl.NumberFormat

Constructeur de l'objet pour le formatage des nombres

Syntaxe
new Intl.NumberFormat([String local, JSON options])

Compatible tous navigateurs

Description
Constructeur qui crée un objet pour le formatage des nombres.

Sans le paramètre local sur le constructeur, le format sera celui de l'appareil utilisé.
local prend des valeurs de langue, comme par exemple fr-FR, en-US.

Le paramètre options est un objet JSON permettant de définir l'affichage des nombres.

Parmi les propriétés notons :
- style, qui peut valoir decimal (par défaut), currency, percent
- currency, contient le code de monnaie (ex : EUR, USD)
- currencyDisplay, indique le mode d'affichage de la monnaie. symbol affiche le symbole ou -
- code affiche le code monnaie
- maximumFractionDigits, contient le nombre maximal de chiffres après la virgule
- minimumFractionDigits, contient le nombre minimal de chiffres après la virgule
- useGrouping, vaut true par défaut et ajoute le séparateur de milliers dans les grands nombres

L'objet construit est utilisé pour appelé la méthode format().

Les méthodes toFixed() et toLocaleString() des objets Number proposent des formatages de nombres rapides mais plus basiques.


Méthode
format() Formate l'affichage du nombre passé en paramètre

Exemple 1 : Quelques exemples de formatage
Code source
<script type="text/javascript">
var int1=new Intl.NumberFormat();
console.log("Format par défaut de l'appareil");
console.log(int1.format(8560.154));
console.log(int1.format(123456789.154));

var int2=new Intl.NumberFormat("fr-FR", {style: "currency", currency: "EUR", currencyDisplay: "symbol"});
console.log("Format montant en euro");
console.log(int2.format(5000));
console.log(int2.format(14.99));

var int3=new Intl.NumberFormat("fr-FR", {maximumFractionDigits: 0});
console.log("Format nombre, sans les décimales");
console.log(int3.format(5000));
console.log(int3.format(14.99));

var int4=new Intl.NumberFormat("fr-FR", {maximumFractionDigits: 2, minimumFractionDigits: 2});
console.log("Format nombre, avec toujours 2 décimales");
console.log(int4.format(3990));
console.log(int4.format(14.99));
console.log(int4.format(14.909));

var int5=new Intl.NumberFormat("fr-FR", {maximumFractionDigits: 2, minimumFractionDigits: 0});
console.log("Format nombre, avec maximum 2 décimales");
console.log(int5.format(2.9999999));
</script>

Résultat
Emulation de la console
Explication
Sur Internet Explorer, la version 11 est nécessaire au minimum.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 20/04/2024 09:09:01 sur php 7 en 40.47 ms