logo

JavaScript-formater tall med komma

I denne artikkelen skal vi diskutere formatering av tall med komma i JavaScript. Noen ganger krever vi formatering av et tall med komma på HTML-siden for å gjøre den lett å lese. Ved å bruke JavaScript kan vi transformere et tall til en kommadelt verdi. Her vil vi diskutere måtene for det samme.

Den første måten å formatere tall med komma er å bruke toLocaleString() metode.

Bruke toLocaleString()-metoden

De JavaScript toLocaleString() metoden brukes til å konvertere elementene i den gitte matrisen til en streng, og disse strengene er atskilt med komma ','. Vi kan passere 'i oss' som parameter slik at metoden vil ta formatet til USA og engelsk språk og vil representere tallene med et komma mellom tusenvis.

La oss nå forstå metoden via et eksempel.

Eksempel

I dette eksemplet bruker vi toLocaleString() for å formatere tallene atskilt med komma. Her formaterer vi to tall, en er av heltallstype og en annen er av flytende komma. Etter å ha klikket på den gitte knappen, vil gitte tall bli formatert med komma. Tallene vil bli skilt med kommaer ved de tusen stedene.

 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); } 
Test det nå

Produksjon

Etter utførelse av koden ovenfor, vil utgangen være -

JavaScript-formater tall med komma

Etter å ha klikket på den gitte knappen, vil utgangen være -

JavaScript-formater tall med komma

Det var alt for denne opplæringen. I denne artikkelen har vi diskutert tre måter å formatere et tall med komma i JavaScript. Håper du finner denne artikkelen informativ og nyttig for å forstå måtene å formatere tall med komma i JavaScript.