[JS] 숫자에 1000단위마다 콤마를 추가하는 함수

팀 프로젝트를 하면서 숫자를 화면에 표시하는데,  숫자에 1000 단위마다 콤마가 없으니 숫자 읽기가 매우 불편했다. 

콤마 없이 들어간 숫자!!

 

그래서 밑의 함수를 사용하여 콤마를 추가해 주었다!!

function addComma(num) {
  const regexp = /\B(?=(\d{3})+(?!\d))/g;
  return num.toString().replace(regexp, ',');
}

 

사용법은 다음과 같다!!

addComma(111212312312)

 

 

addComma를 적용하니 숫자를 읽는 게 더 편해졌다!! 

addComma 적용

정규표현식은... 정말 어려운 것 같다.... 검색 없으면 정말 힘들 뻔 ㅠ

 

+ 추가 (220719)

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'toString')

이 함수를 사용하는데서 이런 에러가 자꾸 났다. 

아무래도 숫자 형식에 toString이라는 매서드를 사용해서 생기는 문제같아서 함수를 다음과 같이 수정해 주었다.

addComma(num) {
    const regexp = /\B(?=(\d{3})+(?!\d))/g;
    return String(num).toString().replace(regexp, ",");
}

명시적으로 형변환을 해주니까 괜찮았다!! 좋아!! 

 

참고 블로그 

[자바스크립트] 숫자 타입값에 콤마 추가하는 방법