Como convertir valor a formato moneda en Javascript

Ahora puede usar la instancia de NumberFormat para formatear cualquier número en un valor de moneda. por ejemplo mostrar 10000 en formato dolar :

   const formatter = new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'USD',
      minimumFractionDigits: 0
    })

    var value = 10000

    console.log(formatter.format(value)) // "$10,000


Más conversión de moneda

El valor que regresa la función toLocaleString puede ser modificado utilizando el argumento options:

    var value = 12500

    const formatterPeso = new Intl.NumberFormat('es-CO', {
       style: 'currency',
       currency: 'COP',
       minimumFractionDigits: 0
     })
     console.log(formatterPeso.format(value))
     // → $ 12.500

    const formatterDolar = new Intl.NumberFormat('en-US', {
       style: 'currency',
       currency: 'USD'
     })
     console.log(formatterDolar.format(value))
     // → $12,500.00

     const formatterEuro = new Intl.NumberFormat('de-DE', {
        style: 'currency',
        currency: 'EUR'
     })
     console.log(formatterEuro.format(value)) 
     // → 12.500,00 €

     // el yen japonés no tiene ninguna subdivisión
     const formatterYenes = new Intl.NumberFormat("ja-JP", {
        style: 'currency',
        currency: 'JPY'
      })
     console.log(formatterYenes.format(value))
     // → ¥12,500


Entendiendo el Parámetro

Hablemos de los parámetros. Está formado por los locales y el objeto de options.

1- Parameto Locales
Primero, tiene los «locales«, esta es la configuración de idioma y región. Está compuesto por el código de idioma y el código de país.

language code + country code

Aquí hay una lista del código de idioma:
https://www.w3schools.com/tags/ref_language_codes.asp
Aquí hay una lista del código del país:
https://www.w3schools.com/tags/ref_country_codes.asp

2- Parameto Options:
Hay varios de opciones, pero hablemos de las dos que estamos usando: styles, currency.

– Opción: Style
El estilo es la parte fácil. Este es el estilo para su formato de número. Dado que este es un blog de divisas, nuestra elección sería currency. Los 3 valores posibles son:

decimal //formato de número simple, el predeterminado
currency //formato de moneda, lo que estamos usando
percent //formato de porcentaje

– Opción: Currency
Obviamente hay varios de opciones de monedas. Puedes ver la lista completa aquí:
https://www.currency-iso.org/en/home/tables/table-a1.html



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *