상세 컨텐츠

본문 제목

javascript, JSTL 금액표시, 원단위, 세자리 콤마, 천단위 콤마

JavaScript & HTML

by husks 2016. 6. 9. 09:56

본문

반응형


금액을 표시하거나 숫자를 볼때 콤마로 구분이 되어 있으면 보기 편합니다.


12635920


위의 숫자보단 아래의 숫자가 보기 편하죠


12,635,920


JSTL 에서는 다음과 같이 처리 합니다.


1
2
3
4
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> <-- 맨위에 이부분을 선언해줘야 아래 fmt:formatNumber 이부분이 적용됩니다.  -->
 
 
<fmt:formatNumber value="${bookList.book_cnt}" pattern="#,###"/>



기본적으로 이렇게 사용하시면 되지만 함수를 이용해서 처리해야 할 때도 있을껍니다.


그럴때는 정규식을 사용하여 아래와 같이 처리하셔도 됩니다.


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



위의 정규식을 이용한 방식의 출처는 http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript 입니다.



반응형

관련글 더보기

댓글 영역