자바스크립트에서 숫자를 지역화된 형식으로 표시하기 위해 Intl API를 사용할 수 있습니다. Intl API는 국제화와 지역화를 지원하기 위해 ECMAScript Internationalization API의 일부로 추가되었습니다. 이를 사용하여 숫자를 사용자가 원하는 언어와 지역에 맞는 형식으로 표시할 수 있습니다.

숫자 지역화 형식 생성하기

Intl.NumberFormat 객체를 사용하여 숫자를 지역화된 형식으로 표시할 수 있습니다. 다음은 기본적인 사용법입니다.

const number = 123456.789;

const formatOptions = {
  style: 'decimal', // or 'percent' for percentage
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
};

const formattedNumber = new Intl.NumberFormat('en-US', formatOptions).format(number);
console.log(formattedNumber); // Output: 123,456.79

여기서 formatOptions 객체를 사용하면 원하는 형식을 지정할 수 있습니다. style 속성을 사용하여 소수점 형식 또는 백분율 형식을 선택할 수 있습니다. minimumFractionDigits와 maximumFractionDigits를 사용하여 소수 자릿수를 지정할 수 있습니다.

지역화된 숫자 형식 지정하기

숫자를 특정 언어와 지역에 맞는 형식으로 표시하려면 Intl.NumberFormat 생성자의 첫 번째 매개변수에 해당 언어와 지역의 BCP 47 언어 태그를 전달합니다. 예를 들어, 한국어의 경우 'ko-KR'을 전달할 수 있습니다.

const number = 123456.789;

const formatOptions = {
  style: 'decimal',
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
};

const formattedNumber = new Intl.NumberFormat('ko-KR', formatOptions).format(number);
console.log(formattedNumber); // Output: 123,456.79

위의 예제에서는 한국어로 숫자를 표시하도록 지정하였습니다.

다른 형식 옵션 사용하기

Intl.NumberFormat 객체를 사용하여 다양한 형식 옵션을 지정할 수 있습니다. 예를 들어, 수천 단위로 그룹화하거나 통화 기호를 추가할 수 있습니다. 자세한 내용은 Mozilla Developer Network 문서를 참조하시기 바랍니다.

결론

Intl API를 사용하여 자바스크립트에서 숫자를 지역화된 형식으로 표시할 수 있습니다. 이를 통해 사용자가 선호하는 언어와 지역에 맞는 숫자 형식을 제공할 수 있습니다. 상세한 사용 방법과 형식 옵션에 대한 자세한 내용은 MDN 문서를 참조하시기 바랍니다. #자바스크립트 #지역화