logo

JavaScript-muotoiset numerot pilkuilla

Tässä artikkelissa aiomme keskustella numeroiden muotoilusta pilkuilla JavaScriptissä. Joskus joudumme muotoilemaan numeron pilkuilla HTML-sivulla, jotta se olisi helppo lukea. JavaScriptin avulla voimme muuttaa luvun pilkuilla erotetuksi arvoksi. Täällä keskustelemme tavoista samaan.

Ensimmäinen tapa muotoilla numerot pilkuilla on käyttää toLocaleString() menetelmä.

Käytä toLocaleString()-metodia

The JavaScript toLocaleString() menetelmää käytetään muuttamaan annetun taulukon elementit merkkijonoksi, ja nämä merkkijonot erotetaan pilkulla ','. Voimme ohittaa 'USA' parametrina niin, että menetelmä ottaa Yhdysvaltojen ja englannin kielen muodon ja esittää numerot pilkulla tuhansien välillä.

merkkijono jsonobject

Ymmärretään nyt menetelmä esimerkin avulla.

Esimerkki

Tässä esimerkissä käytämme toLocaleString() muotoilla numerot pilkuilla erotettuina. Tässä muotoilemme kaksi numeroa, joista toinen on kokonaislukutyyppinen ja toinen liukuluku. Kun napsautat annettua painiketta, annetut numerot muotoillaan pilkuilla. Numerot erotetaan pilkuilla tuhannen paikan kohdalla.

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

Lähtö

lateksimatriisi

Yllä olevan koodin suorittamisen jälkeen tulos on -

menetelmän ylikuormitus
JavaScript-muotoiset numerot pilkuilla

Kun napsautat annettua painiketta, tulos on -

JavaScript-muotoiset numerot pilkuilla

Siinä kaikki tälle opetusohjelmalle. Tässä artikkelissa olemme käsitelleet kolmea tapaa muotoilla numerot pilkuilla JavaScriptissä. Toivottavasti tämä artikkeli on informatiivinen ja hyödyllinen ymmärtääksesi tapoja muotoilla numeroita pilkuilla JavaScriptissä.