JavaScript에서 숫자를 달러(USD) 통화 문자열로 포맷하려면 국제화 API(Internationalization API)에 포함된 Intl.NumberFormat 객체를 사용하면 됩니다. 이 API는 통화뿐만 아니라 날짜, 숫자 등도 브라우저에 내장된 기능만으로 각 지역 형식에 맞게 손쉽게 변환해 주기 때문에 별도의 외부 라이브러리가 필요하지 않습니다.
예제
다음 코드를 실행하면 숫자 150이 미국 달러 형식의 문자열로 변환되어 화면에 출력됩니다.
<!DOCTYPE html>
<html>
<body>
<p>
150을 미국 달러(US$) 형식으로 포맷하기:
</p>
<script>
var formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
minimumFractionDigits: 2,
});
// 150달러 표시
document.write(formatter.format(150));
</script>
</body>
</html>
주요 옵션 설명
- style: 'currency' — 출력 결과를 통화 형식으로 지정합니다.
- currency: 'USD' — 기준 통화를 미국 달러로 설정합니다. 'EUR', 'KRW' 등 다른 통화 코드로 변경할 수 있습니다.
- minimumFractionDigits: 2 — 소수점 이하 자릿수를 최소 2자리로 표시하여 $150.00처럼 항상 센트 단위까지 보여줍니다.
위 코드를 실행하면 $150.00이라는 결과가 출력됩니다. 첫 번째 인자인 로케일('en-US')을 변경하면 통화 기호의 위치나 표기 방식도 해당 지역 형식에 맞게 자동으로 조정됩니다.