In dit voorbeeld leert u een JavaScript-programma te schrijven dat getallen opmaakt als valutatekenreeksen.
Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:
- JavaScript-nummer
- JavaScript-tekenreeks
- Javascript-nummer toLocaleString ()
Voorbeeld 1: getallen opmaken als valutatekenreeks
// program to format numbers as currency string const formatter = new Intl.NumberFormat('en-US', ( style: 'currency', currency: 'USD' )); formatter.format(2500);
Uitvoer
$ 2.500,00
In het bovenstaande programma hebben we het Intl.NumberFormat
object gebruikt.
Het Intl.NumberFormat
object maakt taalgevoelige nummeropmaak mogelijk.
Voorbeeld 2: getallen opmaken als valutatekenreeks met aaneenschakeling
// program to format numbers as currency string const number = 1234.5678; const result = '$ ' + number.toFixed(2); console.log(result);
Uitvoer
$ 1234,57
In het bovenstaande voorbeeld wordt de toFixed(2)
methode gebruikt om het getal naar boven af te ronden op twee decimale waarden.
'$'
wordt aan het getal toegevoegd om het om te zetten in een valutatekenreeks.
Voorbeeld 3: getallen opmaken als valutatekenreeks met toLocaleString ()
// program to format numbers as currency string const result = (2500).toLocaleString('en-US', ( style: 'currency', currency: 'USD' )); console.log(result);
Uitvoer
$ 2.500,00
De toLocaleString()
methode retourneert een tekenreeks met een taalgevoelige weergave van dat getal.
Voorbeeld 4: getallen opmaken als valutatekenreeks met behulp van RegEx
// program to format numbers as currency string const result = 1234.5678.toFixed(2).replace(/d(?=(d(3))+.)/g, '$&,'); console.warn('$ ' + result);
Uitvoer
$ 1.234,57
In het bovenstaande voorbeeld wordt de replace()
methode gebruikt met het RegEx-patroon om de tekenreeks van getal naar valuta te vervangen.
De toFixed(2)
methode wordt gebruikt om het getal naar boven af te ronden op twee decimale waarden.