[Javascript] 자바스크립트로 숫자 3자리 마다 콤마 추가 (천단위)

개요

ajax 등을 통해 데이터를 바인딩 하거나, 숫자 카운팅 애니메이션을 적용하다 보면 

가독성을 위해 숫자에 천단위 마다 콤마를 추가해줘야 할 때가 있다.

이럴땐 정규식을 이용하면 간단하게 천단위 마다 콤마를 추가해 줄 수 있다

 

예제

const price = 15000
const price_comma = price.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",")
console.log(price_comma)

위 예제는 replace() 메소드에 정규식을 이용해 콤마를 변환한다.

 

 

함수화

천단위 콤마 추가를 자주 사용해야 한다면 함수로 만들어 놓고 사용하는게 편하다

function addComma(num){
  return num.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
}