JavaScript에서 큰 숫자를 화면에 출력할 때 천 단위마다 쉼표(,)를 넣으면 가독성이 크게 향상됩니다. 이럴 때 가장 간단하고 표준적인 방법은 Intl.NumberFormat 객체를 활용하는 것입니다. 별도의 라이브러리 설치 없이 브라우저에서 바로 사용할 수 있습니다.
예제
아래 코드를 실행해 보세요.
<!DOCTYPE html>
<html>
<body>
<script>
var number = 24287995;
document.write(new Intl.NumberFormat().format(number));
</script>
</body>
</html>
출력 결과
24,287,995
코드 설명
new Intl.NumberFormat()은 브라우저의 기본 로케일(locale) 설정에 따라 숫자 형식을 지정합니다. 한국어 환경에서는 세 자리마다 쉼표가 자동으로 삽입되어 24,287,995처럼 표시됩니다.
특정 국가나 언어 형식을 명시적으로 지정하고 싶다면 생성자에 로케일 문자열을 전달하면 됩니다. 예를 들어 new Intl.NumberFormat('ko-KR') 또는 new Intl.NumberFormat('en-US')처럼 사용할 수 있습니다.