I denne artikel skal vi diskutere formatering af tal med kommaer i JavaScript. Nogle gange kræver vi formatering af et tal med kommaer på HTML-siden for at gøre det let at læse. Ved hjælp af JavaScript kan vi omdanne et tal til en kommasepareret værdi. Her vil vi diskutere måderne til det samme.

Den første måde at formatere tal med kommaer på er at bruge toLocaleString() metode.

Brug af metoden toLocaleString()

Det JavaScript toLocaleString() metode bruges til at konvertere elementerne i det givne array til en streng, og disse strenge er adskilt af et komma ','. Vi kan passere 'i USA' som parameter, så metoden tager formatet fra USA og engelsk og repræsenterer tallene med et komma mellem tusinderne.

Lad os nu forstå metoden via et eksempel.

Eksempel

I dette eksempel bruger vi toLocaleString() for at formatere tallene adskilt af kommaer. Her formaterer vi to tal, det ene er af heltalstypen og et andet er af flydende komma. Når du har klikket på den givne knap, vil givne tal blive formateret med kommaer. Tallene vil blive adskilt med kommaer ved de tusinde steder.

 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); } 

Produktion

Efter udførelse af ovenstående kode vil outputtet være -

Efter at have klikket på den givne knap, vil outputtet være -

Det er alt for denne tutorial. I denne artikel har vi diskuteret tre måder at formatere et tal med kommaer i JavaScript. Håber du finder denne artikel informativ og gavnlig for at forstå måderne til at formatere tal med kommaer i JavaScript.