I den här artikeln kommer vi att diskutera formateringen av tal med kommatecken i JavaScript. Ibland kräver vi formatering av ett tal med kommatecken på HTML-sidan för att göra det lätt att läsa. Med JavaScript kan vi omvandla ett tal till ett kommaseparerat värde. Här kommer vi att diskutera sätten för detsamma.
Det första sättet att formatera siffror med kommatecken är att använda toLocaleString() metod.
Använder metoden toLocaleString().
De JavaScript toLocaleString() metod används för att omvandla elementen i den givna arrayen till en sträng, och dessa strängar separeras med ett kommatecken ','. Vi kan passera 'i oss' som parameter så att metoden kommer att ha formatet för USA och engelska och kommer att representera siffrorna med ett komma mellan tusentals.
Låt oss nu förstå metoden via ett exempel.
Exempel
I det här exemplet använder vi toLocaleString() för att formatera siffrorna separerade med kommatecken. Här formaterar vi två tal ett är av heltalstyp och ett annat är av flyttal. Efter att ha klickat på den givna knappen kommer givna nummer att formateras med kommatecken. Siffrorna kommer att separeras med kommatecken vid tusentals platser.
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </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, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } Testa det nu Produktion
Efter exekvering av ovanstående kod kommer utgången att vara -
Efter att ha klickat på den givna knappen kommer utgången att vara -
Det var allt för denna handledning. I den här artikeln har vi diskuterat tre sätt att formatera ett tal med kommatecken i JavaScript. Hoppas att du tycker att den här artikeln är informativ och användbar för att förstå sätten att formatera siffror med kommatecken i JavaScript.