YoTo Blog

자바스크립트 숫자 쉼표 찍기기


숫자 자리수마다 쉼표

자바스크립트를 사용하다 보면 숫자에 쉼표를 찍어야 하는 상황이 온다.
그럴때 사용하는 함수가 있다.


toLocaleString

  • toLocaleString()

    • 자동으로 클라이언트 브라우저 기준으로 쉼표를 찍어준다.
  • toLocaleString(locale)

    • locale 값을 넣으면 그 국가 언어에 맞게 쉼표나 특수문자를 찍어준다.
  • toLocaleString(locale, options)

    • options은 반환되는 값의 단위 등을 설정할 수 있다.
    • 옵션 주소 여기를 참조하자.

예제

const number = 123456789; // number
const res01 = number.toLocaleString(); // string
// res01 : 123,456,789
 
const res02 = number.toLocaleString('ko-KR');
// res02 : 123,456,789
 
const res03 = number.toLocaleString('ko-KR', {style: 'percent'});
// res03 : 12,345,678,900%

마무리

직접 함수를 구현하지 않아도, 아주 간단하게 사용할 수 있다.