Intl.NumberFormat 으로 통화 서식 지정 마스터하기

소개

이 랩에서는 Intl.NumberFormat 메서드를 사용하여 숫자를 통화 문자열로 서식 지정하는 방법을 배웁니다. 이 메서드를 사용하면 숫자들을 국가 및 언어 형식에 따라 통화 형식으로 지정할 수 있습니다. 다양한 통화와 언어 형식을 사용하여 여러 형식으로 통화 문자열을 표시하는 방법을 살펴보겠습니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 94%의 긍정적인 리뷰율을 받았습니다.

숫자를 통화 문자열로 변환

주어진 숫자를 통화 문자열로 서식 지정하려면 toCurrency 함수를 사용하십시오. 이 함수는 숫자와 통화 코드를 인수로 받아 서식 지정된 문자열을 반환합니다.

이 함수는 국가/통화별 서식 지정을 활성화하기 위해 Intl.NumberFormat를 사용합니다. 선택적으로 통화 서식 지정에 사용할 언어 형식을 전달할 수도 있습니다.

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

다음은 몇 가지 예시입니다.

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

toCurrency(123456.789, "USD", "en-us");
// $123,456.79  | currency: US Dollar | currencyLangFormat: English (United States)

toCurrency(123456.789, "USD", "fa");
// ۱۲۳٬۴۵۶٫۷۹ ؜$ | currency: US Dollar | currencyLangFormat: Farsi

toCurrency(322342436423.2435, "JPY");
// ¥322,342,436,423 | currency: Japanese Yen | currencyLangFormat: Local

toCurrency(322342436423.2435, "JPY", "fi");
// 322 342 436 423 ¥ | currency: Japanese Yen | currencyLangFormat: Finnish

요약

축하합니다! 숫자에서 통화 문자열로 변환하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.