우리는 때때로 긴 숫자를 사용자가 이해하기 쉬운 형식으로 포맷팅해야 할 때가 있습니다. 예를 들어, 금액이나 날짜와 같은 숫자를 다양한 국가 또는 문화권에서 다양한 형식으로 표시해야할 때가 있습니다. JavaScript에서는 Intl.NumberFormat을 사용하여 숫자를 원하는 형식으로 포맷팅할 수 있습니다.

Intl.NumberFormat 사용법

Intl.NumberFormat 객체는 다음과 같은 형식으로 초기화할 수 있습니다:

const formatter = new Intl.NumberFormat([locales[, options]]);

locales 매개변수는 원하는 국가 또는 문화권을 지정하는 문자열이며, 생략할 경우 기본값으로 사용되는 사용자의 로케일이 적용됩니다. options 매개변수는 포맷팅에 대한 추가적인 설정을 지정하는 객체입니다.

다음은 간단한 예시입니다:

const formatter = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' });
const number = 1234567.89;

console.log(formatter.format(number)); // 출력: ₩1,234,567.89

위의 예시에서는 한국 로케일에서 통화 형식으로 숫자를 포맷팅하고 있습니다. format() 메서드를 사용하여 포맷팅된 숫자를 얻을 수 있습니다.

Intl.NumberFormat 옵션

Intl.NumberFormat의 options 객체에는 다양한 속성을 설정할 수 있습니다. 예를 들어, style 속성을 사용하여 포맷팅 스타일을 지정할 수 있습니다. 일부 자주 사용되는 스타일은 다음과 같습니다:

• "decimal": 소수점으로 구분된 숫자 형식 (ex: 1,234,567.89)
• "currency": 통화 형식 (ex: $1,234,567.89)
• "percent": 백분율 형식 (ex: 123,456,789%)

currency 속성을 사용하여 특정 통화로 포맷팅할 수 있습니다. 예를 들어, currency: 'USD'와 같이 설정하면 미국 달러로 포맷팅됩니다.

그 외에도 minimumFractionDigits, maximumFractionDigits, minimumIntegerDigits 등의 속성을 사용하여 소수점 이하 자리수, 정수 자릿수 등을 지정할 수 있습니다.

종합해보기

Intl.NumberFormat을 사용하면 JavaScript에서 간단하게 숫자 포맷팅을 할 수 있습니다. 원하는 국가 또는 문화권에 따라 숫자를 원하는 형식으로 포맷팅하여 사용자에게 보다 이해하기 쉬운 정보를 제공할 수 있습니다.

이 외에도 Intl.NumberFormat에 대한 더 자세한 정보는 MDN 웹 문서를 참고할 수 있습니다.

#Javascript #Formatting