Comment formater un nombre en javascript?

Comment formater un nombre en javascript?
En JavaScript, tout en traitant des problèmes mathématiques, il existe des calculs impliquant des complexités dans le cas de chiffres à long terme et surtout des nombres de points flottants. Dans l'autre cas, pour rendre un calcul particulier plus précis. Dans un tel scénario, le formatage d'un nombre en JavaScript est très utile pour réduire la complexité globale du code et dans le calcul précis également.

Cet article illustrera les approches qui peuvent être implémentées 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.Format de nombre()»Constructeur.
  • "tolocalestring ()" Méthode.
  • "Expression régulière"

Les approches mentionnées seront désormais 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 manière à ce qu'il n'y ait plus de points décimaux ou un nombre fixe de chiffres y reste après le point décimal.

Tout d'abord, spécifiez le numéro à formater:

Soit FormatNumber = 12.345678;

Ensuite, appliquez le «tofixed ()”Méthode pour formater le nombre donné tel qu'aucun chiffre ne lui reste après le point décimal:

console.journal ("Le numéro formaté est:", FormatNumber.tofixed ());

Dans cette étape, de même, appliquez la même méthode en passant «2"Dans son paramètre. Cela entraînera la mise en forme d'un nombre à deux décimales:

console.journal ("Le numéro formaté est:", FormatNumber.tofixé (2));

Sortir

Exemple 2: Format un nombre en JavaScript à l'aide de l'Intl.Constructeur NumberFormat ()

Le "Intl.Format de nombre()»Le constructeur crée un nouvel objet qui permet la mise en forme d'un numéro sensible à la langue. Cette approche peut être appliquée pour formater le nombre donné en fonction de la devise spécifiée.

Tout d'abord, spécifiez le numéro à formater:

const FormatNumber = 12345.67;

Maintenant, appliquez le «Intl.Format de nombre()»Approche pour formater le numéro spécifié par rapport au«NOUS”Devise et affichez-la en conséquence:

Soit NuUpd = New Intl.NumberFormat ('En-US', style: 'Currency', devise: 'USD').format (formatNumber);
console.Log ("La devise formatée est:", NuPupd);

Sortir

Le "$«Le nombre indique que le numéro fourni est formaté dans«NOUS" monnaie.

Exemple 3: Formater un nombre en JavaScript en utilisant la méthode Tolocalestring ()

Le "tolocalestring ()”La méthode donne un objet de 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 (Lieux, Options)
  • "localités”Reportez-vous au format linguistique spécifique.
  • "options»Porte l'objet auquel les propriétés peuvent être attribuées.

Dans l'exemple divisé ci-dessous, allouer le numéro suivant à la variable nommée «nombrer de format»:

Soit FormatNumber = 7323452568.283;

Maintenant, appliquez le «tolocalestring ()«Méthode, spécifiez le format de langue comme«en-us«Dans son paramètre, et affichez le numéro de format résultant:

var us = formatNumber.Tolocalestring («en-us»);
console.log ("Le numéro formaté est:", nous);

Sortir

Exemple 4: Formater un nombre en JavaScript en utilisant 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.

Tout d'abord, initialisez le numéro suivant:

var formatnumber = 445567788;

Maintenant, appliquez la méthode remplacer () avec l'expression régulière. L'expression régulière ici alloue «virgules”À la valeur initialisée en effectuant une recherche globale et en renvoyant les valeurs séparées des virgules, formatant ainsi le numéro spécifié:

console.Log ("Le numéro formaté est:", String (formatNumber).remplacer(/(.) (?= (\ d 3) + $) / g, '$ 1,'))

Sortir

Nous avons conclu les approches pratiques pour formater un nombre en JavaScript.

Conclusion

Le "tofixed ()"Méthode, le"Intl.Format de nombre()"Constructeur, le"tolocalestring ()«Méthode, ou le«expression régulière«Peut être utilisé pour formater un nombre en javascript. La première méthode entraîne la mise en forme du nombre tel qu'il n'y a pas de chiffres ou de nombre fixe de chiffres qui y reste après le point décimal. L'intl.Une approche du constructeur NumberFormat () peut être appliquée pour formater un nombre basé sur la devise, et la méthode tolocalestring () peut être implémentée pour formater le numéro spécifié dans le format spécifique à la langue. La technique d'expression régulière peut être appliquée pour formater le numéro fourni de telle manière de retourner les valeurs séparées des virgules. Ce blog a démontré les méthodes pour formater un numéro spécifié dans JavaScript.