V tomto článku budeme diskutovat o formátování čísel pomocí čárek v JavaScriptu. Někdy vyžadujeme formátování čísla pomocí čárek na stránce HTML, aby byla snadno čitelná. Pomocí JavaScriptu můžeme transformovat číslo na hodnotu oddělenou čárkou. Zde budeme diskutovat o způsobech, jak toho dosáhnout.

Prvním způsobem formátování čísel pomocí čárek je použití toLocaleString() metoda.

Použití metody toLocaleString().

The JavaScript toLocaleString() metoda se používá k převodu prvků daného pole na řetězec a tyto řetězce jsou odděleny čárkou ','. Můžeme projít 'v nás' jako parametr tak, že metoda bude mít formát amerického a anglického jazyka a bude reprezentovat čísla s čárkou mezi tisíci.

Nyní pochopme metodu na příkladu.

Příklad

V tomto příkladu používáme toLocaleString() pro formátování čísel oddělených čárkami. Zde formátujeme dvě čísla, jedno je typu celé číslo a druhé je s plovoucí desetinnou čárkou. Po kliknutí na dané tlačítko budou daná čísla formátována čárkami. Čísla budou oddělena čárkami na tisíci místech.

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

Výstup

Po provedení výše uvedeného kódu bude výstupem -

Po kliknutí na dané tlačítko bude výstupem -

To je pro tento tutoriál vše. V tomto článku jsme probrali tři způsoby, jak formátovat číslo pomocí čárek v JavaScriptu. Doufám, že tento článek najdete informativní a přínosný, abyste porozuměli způsobům formátování čísel pomocí čárek v JavaScriptu.