Intl.NumberFormat을 사용하여 JavaScript에서 숫자 형식을 지정하는 방법

JavaScript에서 숫자 형식을 지정하려는 경우 .toLocaleString() 를 사용해야 했습니다. 유일한 문제는 이것이 실제로 로케일을 지원하지 않는다는 것입니다. 시스템 로케일을 사용합니다. 이제 Intl.NumberFormat()를 사용하여 모든 숫자를 통화 값으로 형식화하고 로케일을 기반으로 형식화합니다.

다음은 .toLocaleString()를 사용하여 숫자 형식을 지정하는 방법의 예입니다.

const money = 1000;

money.toLocaleString('en-US', { 
    style: 'currency', currency: 'USD' 
}); // $1,000.00

이제 ES6 JavaScript에서는 ECMAScript 국제화 API인 Intl 객체를 제공합니다. 이 API는 언어 구분 숫자 형식을 제공합니다.

다음은 위와 동일한 예입니다.

new Intl.NumberFormat('en-US', { 
    style: 'currency', currency: 'USD' 
}).format(money); // $1,000/00

다른 로케일에서 통화 형식 지정

다음은 유로와 일본 엔을 사용하여 통화 형식을 지정하는 몇 가지 예입니다.

new Intl.NumberFormat('de-DE', {
  style: 'currency',
  currency: 'EUR',
}).format(money); // '€ 10,000.00'

new Intl.NumberFormat('jp-JP', {
  style: 'currency',
  currency: 'JPY',
}).format(money); // 'JP¥ 10,000'

Intl.NumberFormat 구문

사용 가능한 구문 옵션은 다음과 같습니다.

new Intl.NumberFormat()
new Intl.NumberFormat(locales)
new Intl.NumberFormat(locales, options)

매개변수

locales - (선택 사항) BCP 47 언어 태그가 있는 문자열 또는 이러한 문자열의 배열입니다. 어레이에서 제공하는 순서대로 가장 잘 지원되는 로캘이 선호되는 여러 로캘을 제공할 수 있습니다. 로케일은 언어 및 지역 설정입니다. 언어 코드와 국가 코드로 구성됩니다.

options - (선택 사항) 숫자를 문자열로 형식화하는 방법을 나타내는 설정을 제공합니다. 수많은 옵션이 있으며 할 수 있습니다review them on the documentation page.