[자바스크립트] javascript 숫자 콤마 찍기 (number_format)

php는 3자리마다 숫자를 찍어주는 함수 number_format이 있어 편리하게 사용합니다.

스크립트에서는 아래 예제를 통해서 3자리마다 콤마(,)를 찍어줄 수 있습니다.

사용법이 간단해 응용해서 사용하시면 됩니다.

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
function addComma(n) {
	if(isNaN(n)){return 0;}
	var reg = /(^[+-]?\d+)(\d{3})/;   
	n += '';
	while (reg.test(n))
	  n = n.replace(reg, '$1' + ',' + '$2');
	return n;
}
function commaChk(){
	var num = $("#num").val();
	var num_addComma = addComma(parseInt(num));

	$("#result").html(num_addComma);	
}
</script>
<input type="text" id="num" name="num" maxlength="15" placeholder="숫자를 입력하세요."/>
<button type="button" onclick="commaChk();" style="border-style:solid;">체크</button>
<div id="result"></div>

 

숫자를 입력하시고 체크를 클릭하시면 결과를 확인 하실 수 있습니다.

↓↓↓↓↓↓ 아래 예제에서 확인해주세요.