본문 바로가기
IT_Developers/Javascript

JavaScript - 3자리 마다 콤마 적용 쉬운방법 / toLocaleString

by 고코더 2019. 10. 24.

자바스크립트 3자리 콤마


안녕하세요.
고코더 입니다.


3자리마다 콤마는 많은 숫자를 한눈에 보기 쉽게 만들어주는 양식입니다. 그래서 실무 프론트엔드에서는 숫자는 기본적으로 콤마를 찍어 노출하는데요. 자바스크립트로 이 콤마를 작성하는 가장 쉬운 방법을 소개할려고 합니다.

 1. 우선 정답은 해당 함수를 이용 합니다. 
해당 함수가 아니면 문자열을 세어서 콤마를 찍어주는 함수를 사용할텐데요
이 한줄이면 해결 됩니다.
1
toLocaleString() // 특정 언어에 맞는 형식으로 반환
cs



 2. 해당 함수로 간단하게 적용해보았습니다.
해당 함수를 숫자를 표현하니 자연스럽게 콤마가 붙습니다.
1
2
3
4
5
6
7
8
9
<html>
<head>
<script type="text/javascript">
    document.write(Number(3000).toLocaleString('en'));
    document.write('<Br>');
    document.write(Number(50000000).toLocaleString('en'));
</script>
</head>
</html>
cs
 3. 내장함수를 이용한 표현이라 오류도 없고 가독성도 좋습니다.



마무리


괜히 함수 만들었네



댓글