Мастерство в форматировании валюты с использованием Intl.NumberFormat

Введение

В этом практическом занятии мы узнаем, как форматировать число в денежную строку с использованием метода Intl.NumberFormat. Этот метод позволяет нам форматировать числа в валюту, которая учитывает национальные и языковые форматы. Мы исследуем, как использовать этот метод с разными валютами и языковыми форматами для отображения денежных строк в различных форматах.

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{{"Число в денежную строку"}} javascript/data_types -.-> lab-28516{{"Число в денежную строку"}} javascript/arith_ops -.-> lab-28516{{"Число в денежную строку"}} javascript/comp_ops -.-> lab-28516{{"Число в денежную строку"}} end

Число в денежную строку

Для форматирования заданного числа в денежную строку используйте функцию toCurrency. Эта функция принимает число и код валюты в качестве аргументов и возвращает отформатированную строку.

Функция использует Intl.NumberFormat для обеспечения форматирования, специфичного для страны/валюты. Вы также можете необязательно передать язык форматирования, который будет использоваться для форматирования валюты.

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

Ниже приведены некоторые примеры:

toCurrency(123456.789, "EUR");
// €123,456.79  | валюта: Евро | формат языка валюты: Локальный

toCurrency(123456.789, "USD", "en-us");
// $123,456.79  | валюта: Доллар США | формат языка валюты: Английский (США)

toCurrency(123456.789, "USD", "fa");
// ۱۲۳٬۴۵۶٫۷۹ ؜$ | валюта: Доллар США | формат языка валюты: Персидский

toCurrency(322342436423.2435, "JPY");
// ¥322,342,436,423 | валюта: Японская иена | формат языка валюты: Локальный

toCurrency(322342436423.2435, "JPY", "fi");
// 322 342 436 423 ¥ | валюта: Японская иена | формат языка валюты: Финский

Резюме

Поздравляем! Вы завершили практическое занятие "Число в денежную строку". Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.