[HTML/Javascript] 숫자(가격)에 쉼표(,Comma) 처리하기

<td id="td_price">${ma.price}<span>원</span></td>

<script type="text/javascript">
$(document).ready(function(){ 
    var price = $("#td_price").html();
    price = addComma(price);
    $("#td_price").html(price);        
}

<%-- 가격 ',' 처리 함수 --%>
function addComma(value){
     value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return value; 
 }
</script>

1. id가 td_price인 태그 안에 있는 값을 .html()함수로 가져와서 변수(price)에 담는다.

2. addComma()함수에 price를 매개변수로 담아 호출한다.

3. addComma함수에서 price를 "," 처리하여 리턴해준다.

4. "," 처리된 값을 .html()함수를 사용하여 id가 td_price인 태그 안에 값을 넣어준다.

 

○3자리 마다 "," 처리

value.replace(/\B(?=(\d{3})+(?!\d))/g, ",");