[JS] JavaScript - 숫자 3자리마다 콤마(,) 넣는 방법

오늘 포스팅은 자바스크립트에서 숫자를 출력할때, 숫자 3자리마다 콤마를 찍고 출력하는 방법에 관한 것입니다.

흔히 대표적으로 사용되는 2가지 방법으로 나눠 다뤄보겠습니다.

 

1. toLocaleString()을 이용하여 3자리마다 콤마 넣기

다음과 같이 toLocaleString()로 특정 국가의 숫자 단위로 출력하여 콤마를 넣을 수 있습니다.

let cost = 65000;
    let result = cost.toLocaleString();
    console.log(result); // 65,000

toLocaleString()는 인자로 전달한 Locale의 표현 방식으로 숫자를 출력합니다.

인자를 전달하지 않으면 Default locale이 사용됩니다.

미국이나 한국은 3자리마다 콤마를 넣습니다. 따라서 Locale en-US나 ko-KR을 인자로 전달하면 3자리마다 콤마가 들어간 문자열을 얻을 수 있습니다. 

 

2. 정규식을 이용하여 3자리마다 콤마찍기

혹은 다음과 같이 정규식을 이용하여 3자리마다 콤마를 넣을 수 있습니다.

let cost = 65000;
    let result = cost.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    console.log(result); // 65,000

일반적으로 이 방법이 가장 보편적으로 사용되는듯 합니다.