Cet article illustrera les approches qui peuvent être mises en œuvre pour formater un nombre en JavaScript.
Comment formater un nombre en JavaScript ?
Les approches suivantes peuvent être implémentées pour formater un nombre en JavaScript :
- ' toFixed() ' Méthode.
- ' Intl.NumberFormat() « Constructeur.
- ' toLocaleString() ' Méthode.
- ' Expression régulière ”
Les approches mentionnées vont maintenant être illustrées une par une !
Exemple 1 : Formater un nombre en JavaScript à l'aide de la méthode toFixed()
Cette méthode peut être appliquée pour formater le nombre fourni de telle sorte qu'il ne reste plus de virgule décimale ou qu'il reste un nombre fixe de chiffres après la virgule décimale.
Précisez d'abord le nombre à formater :
laisser formatNombre = 12.345678 ;
Ensuite, appliquez le ' toFixed() ” méthode pour formater le nombre donné de telle sorte qu'il ne reste aucun chiffre après la virgule décimale :
console. Journal ( 'Le nombre formaté est :' , formatNumber. versFixe ( ) ) ;Dans cette étape, de la même manière, appliquez la même méthode en passant ' deux ” dans son paramètre. Cela entraînera le formatage d'un nombre à deux décimales :
console. Journal ( 'Le nombre formaté est :' , formatNumber. versFixe ( deux ) ) ;
Production
Exemple 2 : Formater un nombre en JavaScript à l'aide du constructeur Intl.NumberFormat()
La ' Intl.NumberFormat() ” Le constructeur crée un nouvel objet qui permet le formatage d'un nombre sensible à la langue. Cette approche peut être appliquée pour formater le nombre donné en fonction de la devise spécifiée.
Précisez d'abord le nombre à formater :
constante formatNuméro = 12345.67 ;Maintenant, appliquez le ' Intl.NumberFormat() ” approche pour formater le nombre spécifié par rapport au “ NOUS ” devise et affichez-la en conséquence :
laissez numUpd = Nouveau Intl. Format de nombre ( 'en nous' , { style : 'devise' , devise : 'USD' } ) . format ( formatNuméro ) ;console. Journal ( 'La devise formatée est :' , numUpd ) ;
Production
La ' $ ' avec le numéro indique que le numéro fourni est formaté en ' NOUS ' devise.
Exemple 3 : formater un nombre en JavaScript à l'aide de la méthode toLocaleString()
La ' toLocaleString() ” donne un objet date sous la forme d'une chaîne. Cette méthode peut être appliquée pour formater un nombre dans le format de langue spécifié.
Syntaxe
Date . toLocaleString ( local , options )- ' local ” font référence au format de langue spécifique.
- ' options ” pointe vers l'objet auquel les propriétés peuvent être affectées.
Dans l'exemple ci-dessous, attribuez le numéro suivant à la variable nommée ' formatNuméro ” :
laisser formatNombre = 7323452568.283 ;Maintenant, appliquez le ' toLocaleString() ', spécifiez le format de langue comme ' en nous ” dans son paramètre, et affiche le nombre formaté résultant :
a été nous = formatNumber. toLocaleString ( 'en nous' ) ;console. Journal ( 'Le nombre formaté est :' , nous ) ;
Production
Exemple 4 : Formater un nombre en JavaScript à l'aide de l'expression régulière
Cette approche peut être utilisée avec le ' remplacer() ” méthode pour placer les virgules entre les nombres fournis aux mêmes intervalles en conséquence.
Commencez par initialiser le numéro suivant :
a été formatNuméro = 445567788 ;Maintenant, appliquez la méthode replace () avec l'expression régulière. L'expression régulière ici allouera ' des virgules ” à la valeur initialisée en effectuant une recherche globale et en renvoyant les valeurs séparées par des virgules, formatant ainsi le nombre spécifié :
console. Journal ( 'Le nombre formaté est :' , Chaîne de caractères ( formatNuméro ) . remplacer ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Production
Nous avons conclu les approches pratiques pour formater un nombre en JavaScript.
Conclusion
La ' toFixed() » méthode, la « Intl.NumberFormat() » constructeur, le « toLocaleString() » ou la méthode « expression régulière ” peut être utilisé pour formater un nombre en JavaScript. La première méthode entraîne le formatage du nombre de sorte qu'il ne reste aucun chiffre ou nombre fixe de chiffres après la virgule décimale. L'approche du constructeur Intl.NumberFormat() peut être appliquée pour formater un nombre en fonction de la devise, et la méthode toLocaleString() peut être implémentée pour formater le nombre spécifié dans le format spécifique à la langue. La technique des expressions régulières peut être appliquée pour formater le nombre fourni de manière à renvoyer les valeurs séparées par des virgules. Ce blog a démontré les méthodes pour formater un nombre spécifié en JavaScript.