Dans cet article, nous allons discuter du formatage des nombres avec des virgules en JavaScript. Parfois, nous avons besoin de formater un nombre avec des virgules dans la page HTML afin de le rendre facile à lire. En utilisant JavaScript, nous pouvons transformer un nombre en valeur séparée par des virgules. Ici, nous discuterons des moyens d’y parvenir.

La première façon de formater des nombres avec des virgules consiste à utiliser le versLocaleString() méthode.

Utilisation de la méthode toLocaleString()

Le Javascript versLocaleString() La méthode est utilisée pour convertir les éléments du tableau donné en une chaîne, et ces chaînes sont séparées par une virgule ','. Nous pouvons passer le 'en nous' comme paramètre afin que la méthode prenne le format de la langue américaine et anglaise et représente les nombres avec une virgule entre les milliers.

Maintenant, comprenons la méthode via un exemple.

Exemple

Dans cet exemple, nous utilisons le versLocaleString() pour formater les nombres séparés par des virgules. Ici, nous formatons deux nombres, l’un est de type entier et l’autre est de type virgule flottante. Après avoir cliqué sur le bouton donné, les nombres donnés seront formatés avec des virgules. Les nombres seront séparés par des virgules aux milliers de places.

 Using JavaScript&apos;s toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = &apos;1482351769&apos; </b> <br> <b> Number2 = &apos;1000.51769&apos; </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, &apos;,&apos;) document.write(&apos; <b> Given number = </b> &apos;, num1); document.write(&apos;<br> <b> Formatted number = </b> &apos;, output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, &apos;,&apos;) document.write(&apos;<br> <br> <b> Given number = </b> &apos;, num2); document.write(&apos;<br> <b> Formatted number = </b> &apos;, output2); } 

Sortir

Après l'exécution du code ci-dessus, le résultat sera -

Après avoir cliqué sur le bouton donné, la sortie sera -

C'est tout pour ce tutoriel. Dans cet article, nous avons abordé trois façons de formater un nombre avec des virgules en JavaScript. J'espère que vous trouverez cet article informatif et utile afin de comprendre les façons de formater les nombres avec des virgules en JavaScript.

visualiseur Java