„JavaScript“ programa skaičiams formatuoti kaip valiutos eilutėms

Šiame pavyzdyje išmoksite rašyti „JavaScript“ programą, kuri formatuos skaičius kaip valiutų eilutes.

Norėdami suprasti šį pavyzdį, turite žinoti šias „JavaScript“ programavimo temas:

  • „JavaScript“ numeris
  • „JavaScript“ eilutė
  • „Javascript“ numeris toLocaleString ()

1 pavyzdys: formatuokite skaičius kaip valiutos eilutes

 // program to format numbers as currency string const formatter = new Intl.NumberFormat('en-US', ( style: 'currency', currency: 'USD' )); formatter.format(2500); 

Rezultatas

 2 500,00 USD 

Aukščiau pateiktoje programoje mes naudojome Intl.NumberFormatobjektą.

Intl.NumberFormatObjektas leidžia kalbos jautrus numerį formatą.

2 pavyzdys: formatuokite skaičius kaip valiutos eilutes naudodami sujungimą

 // program to format numbers as currency string const number = 1234.5678; const result = '$ ' + number.toFixed(2); console.log(result);

Rezultatas

 1234,57 USD

Ankstesniame pavyzdyje toFixed(2)metodas naudojamas skaičiui suapvalinti iki dviejų skaičių po kablelio.

'$' pridedamas prie skaičiaus, kad paverstų jį valiutos eilute.

3 pavyzdys: formatuokite skaičius kaip valiutos eilutę naudodami „toLocaleString“ ()

 // program to format numbers as currency string const result = (2500).toLocaleString('en-US', ( style: 'currency', currency: 'USD' )); console.log(result);

Rezultatas

 2 500,00 USD

toLocaleString()Metodas grąžina eilutę su kalbos jautrus atstovavimo šio skaičiaus.

4 pavyzdys: formatuokite skaičius kaip valiutos eilutes naudodami „RegEx“

 // program to format numbers as currency string const result = 1234.5678.toFixed(2).replace(/d(?=(d(3))+.)/g, '$&,'); console.warn('$ ' + result);

Rezultatas

 1 234,57 USD

Ankstesniame pavyzdyje replace()metodas naudojamas su „RegEx“ modeliu, norint pakeisti skaičių valiutos eilute.

toFixed(2)Metodas suapvalinti skaičių iki dviejų dešimtųjų vertybes.

Įdomios straipsniai...