En este ejemplo, aprenderá a escribir un programa JavaScript que formateará números como cadenas de moneda.
Para comprender este ejemplo, debe tener el conocimiento de los siguientes temas de programación de JavaScript:
- Número de JavaScript
- Cadena de JavaScript
- Número de Javascript toLocaleString ()
Ejemplo 1: Aplicar formato a números como cadena de moneda
// program to format numbers as currency string const formatter = new Intl.NumberFormat('en-US', ( style: 'currency', currency: 'USD' )); formatter.format(2500);
Salida
$ 2,500.00
En el programa anterior, hemos utilizado el Intl.NumberFormat
objeto.
El Intl.NumberFormat
objeto permite el formateo de números sensible al idioma.
Ejemplo 2: Aplicar formato a números como cadena de moneda mediante concatenación
// program to format numbers as currency string const number = 1234.5678; const result = '$ ' + number.toFixed(2); console.log(result);
Salida
$ 1234.57
En el ejemplo anterior, el toFixed(2)
método se utiliza para redondear el número a dos valores decimales.
'$'
se agrega al número para convertirlo en una cadena de moneda.
Ejemplo 3: Dar formato a números como cadena de moneda usando toLocaleString ()
// program to format numbers as currency string const result = (2500).toLocaleString('en-US', ( style: 'currency', currency: 'USD' )); console.log(result);
Salida
$ 2,500.00
El toLocaleString()
método devuelve una cadena con una representación sensible al idioma de ese número.
Ejemplo 4: Aplicar formato a números como cadena de moneda mediante una expresión regular
// program to format numbers as currency string const result = 1234.5678.toFixed(2).replace(/d(?=(d(3))+.)/g, '$&,'); console.warn('$ ' + result);
Salida
$ 1,234.57
En el ejemplo anterior, el replace()
método se usa con el patrón RegEx para reemplazar el número por la cadena de moneda.
El toFixed(2)
método se utiliza para redondear el número a dos valores decimales.