자바스크립트 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 |
gocoder_toLocaleString.html
● 3. 내장함수를 이용한 표현이라 오류도 없고 가독성도 좋습니다.
마무리
괜히 함수 만들었네
'IT_Developers > Javascript' 카테고리의 다른 글
| JavaScript - getTime()에서 출력되는 값은 어떤 기준일까? (0) | 2019.11.25 |
|---|---|
| javascript - 자바스크립트란? 그리고 개발자에게 자바스크립트란? (0) | 2019.11.22 |
| jQuery - ajax sync 옵션 동기, 비동기 동작 방식은? (0) | 2019.10.21 |
| JavaScript - 배열에 값을 추가/ unshift(), push() (0) | 2019.10.21 |
| JavaScript - 문자열 맨 뒷자리 잘라내기 / slice를 이용한 쉬운 방법 (0) | 2019.10.21 |
댓글