[javascript] 자바스크립트 금액 천단위 콤마 쉼표 표시하기 정규식

javascript

Web HTML 페이지 개발시 금액을 표시해야 되는 일은 아주 많이 발생합니다.

 

우리나라 금액 표시 방법은 1000단위 마다 콤마를 붙이도록 되어있는데요.

ex) 1000원 -> 1,000원

 

화면에 표시할때 천단위마다 콤마를 붙여주면 가독성이 훨씬 좋아집니다.

아주 간단한 스크립트로 천단위마다 콤마를 붙여줄 수 있습니다.

 

javascript

function numberWithCommas(n) {
    return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

 

본인이 개발중인 html 페이지에 <script> 영역에 위의 function을 추가해줍니다.

그리고 출력시 해당 function에 금액을 넣어주면 천단위마다 콤마를 표시하는 문자로 리턴되어 출력할 수 있습니다.

해당 방식은 정규표현식이라고 하는데요.

 

이 방법으로 금액 표시시 천단위마다 콤마를 붙여보도록 해보세요.

 

 

 

이상..

 

 

#자바스크립트 #javascript #금액 #1000단위콤마 #정규식 #천단위콤마