Ebben a cikkben a számok vesszővel történő formázásáról fogunk beszélni a JavaScriptben. Néha megköveteljük, hogy egy számot vesszővel formázzunk a HTML-oldalon, hogy könnyebben olvasható legyen. JavaScript használatával egy számot vesszővel elválasztott értékké alakíthatunk át. Itt megvitatjuk ennek módjait.
A számok vesszővel történő formázásának első módja a toLocaleString() módszer.
A toLocaleString() metódus használata
A JavaScript toLocaleString() metódussal az adott tömb elemeit karakterláncokká alakítjuk, és ezeket a karakterláncokat vesszővel ',' választja el. Át tudjuk adni a 'bennünk' paraméterként, így a metódus az Egyesült Államok és az angol nyelv formátumát veszi fel, és a számokat ezrek közötti vesszővel ábrázolja.
dinamikus programozás
Most értsük meg a módszert egy példán keresztül.
Példa
Ebben a példában a toLocaleString() a vesszővel elválasztott számok formázásához. Itt két számot formázunk, az egyik egész, a másik pedig lebegőpontos. Az adott gombra kattintás után az adott számok vesszővel lesznek formázva. A számok az ezres helyeken vesszővel lesznek elválasztva.
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); } Tesztelje most Kimenet
css határ
A fenti kód végrehajtása után a kimenet a következő lesz:
Az adott gombra kattintás után a kimenet a következő lesz:
Ennyi az oktatóanyaghoz. Ebben a cikkben három módszert tárgyaltunk a számok vesszővel történő formázására a JavaScriptben. Reméljük, hogy ezt a cikket informatívnak és hasznosnak találja, hogy megértse a számok vesszővel történő formázásának módjait a JavaScriptben.