Programa JavaScript para dar formato a números como cadenas de moneda

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.NumberFormatobjeto.

El Intl.NumberFormatobjeto 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.

Articulos interesantes...