[자바스크립트 꿀팁] 숫자 세자리 콤마 ( 숫자 3자리 콤마 )

오늘은 숫자 3자리마다 콤마 넣는 방법에 대해서 알아보겠습니다. 숫자 3자리 쉼표처리는 금액의 표현에서 엄청 자주 사용됩니다. 사내 시스템에서도 대고객 서비스에서도 이용될 수 있습니다. 이런 콤마 처리를 어떻게 하면 가장 빠르게 적용할 수 있을지 알려드리겠습니다.

 

정규식

const number = 123124124.123123123;
function formatComma(number){
   const div = number.toString().split(".");
   return `${div[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",")}.${div[1]}`;
}

console.log(formatComma(number)) //123,124,124.12312312

정규식을 이용해서는 위와 같이 만들 수 있습니다. split없이 정규식에 넣으면 소수점 아래도 콤마로 구분이 되어서 위와 같이 나눠서 처리했습니다.

toLocaleString

const number = 123124124.123123129;
console.log(number.toLocaleString()); //123,124,124.123 (디폴트 소수점 반올림 3자리)
console.log(number.toLocaleString(undefined, {maximumFractionDigits: 5})); //123,124,124.12312

위와 같이 number의 toLocaleString메소드를 통해서도 변환할 수 있습니다. 실무에서 정말 자주 사용하니깐 알아 두시면 좋을 것 같습니다.

 

더 좋은 꿀팁으로 찾아오겠습니다.