Dominar el Formateo de Moneda con Intl.NumberFormat

Introducción

En este laboratorio, aprenderemos cómo formatear un número en una cadena de moneda utilizando el método Intl.NumberFormat. Este método nos permite formatear números en una moneda que es sensible a los formatos de país y idioma. Exploraremos cómo utilizar este método con diferentes monedas y formatos de idioma para mostrar cadenas de moneda en varios formatos.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28516{{"Número a Cadena de Moneda"}} javascript/data_types -.-> lab-28516{{"Número a Cadena de Moneda"}} javascript/arith_ops -.-> lab-28516{{"Número a Cadena de Moneda"}} javascript/comp_ops -.-> lab-28516{{"Número a Cadena de Moneda"}} end

Número a Cadena de Moneda

Para formatear un número dado como una cadena de moneda, utiliza la función toCurrency. Esta función toma un número y el código de moneda como argumentos y devuelve la cadena formateada.

La función utiliza Intl.NumberFormat para habilitar el formateo específico de país/moneda. También puedes pasar opcionalmente un formato de idioma para ser utilizado en el formateo de la moneda.

const toCurrency = (number, currencyCode, languageFormat) =>
  Intl.NumberFormat(languageFormat, {
    style: "currency",
    currency: currencyCode
  }).format(number);

Aquí hay algunos ejemplos:

toCurrency(123456.789, "EUR");
// €123,456.79  | moneda: Euro | formatoIdiomaMoneda: Local

toCurrency(123456.789, "USD", "en-us");
// $123,456.79  | moneda: Dólar estadounidense | formatoIdiomaMoneda: Inglés (Estados Unidos)

toCurrency(123456.789, "USD", "fa");
// ۱۲۳٬۴۵۶٫۷۹ ؜$ | moneda: Dólar estadounidense | formatoIdiomaMoneda: Farsi

toCurrency(322342436423.2435, "JPY");
// ¥322,342,436,423 | moneda: Yen japonés | formatoIdiomaMoneda: Local

toCurrency(322342436423.2435, "JPY", "fi");
// 322 342 436 423 ¥ | moneda: Yen japonés | formatoIdiomaMoneda: Finlandés

Resumen

¡Felicitaciones! Has completado el laboratorio de Número a Cadena de Moneda. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.