규도자 개발 블로그

[JavaScript/자바스크립트] 숫자 천 단위마다 콤마 찍는 함수 본문

HTML/CSS/JS/JavaScript

[JavaScript/자바스크립트] 숫자 천 단위마다 콤마 찍는 함수

규도자 (gyudoza) 2018. 10. 18. 21:23
function numberFormat(inputNumber) {
   return inputNumber.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

보이는 그대로 정규식을 이용해 해당 함수로 들어온 숫자를 천 단위마다 콤마를 찍어 리턴해주는 함수이다. 숫자를 다루는 일이 잦은 웹 플랫폼이라면, 어느 페이지에서든 불러오는 정적 js파일에 해당 함수를 추가하여 필요할 때마다 쓰기 유용하다.

 대신 소수점에 대한 처리는 안 돼있어 소수를 넣으면 아래와 같이 출력된다.

 위의 코드부에 마우스를 올리면 우측 상단에 copy라는 박스가 뜬다. 해당 버튼을 누르면 소스가 복사된다. 물론 드래그와 우클릭도 허용돼있다.


위 사진은 해당 함수가 불러와진 페이지에서(크롬) 콘솔창을 켜 인위적으로 매개변수를 집어넣어 실행시킨 모습이다. 아예 소수가 들어오면 예외처리할까 싶다가도...  알아서 잘들 쓰시겠지 하는 마음에 심플한 상태로 올린다.

Comments