# amtFormatJson 함수 기본 구조
function amtFormatJson(amount) {
if (!amount) return "";
amount = String(amount).replace(/[^0-9]/g, "");
return amount.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
# 사용 예시
// 일반 숫자 포맷팅
amtFormatJson(10000); // "10,000"
amtFormatJson("5000000"); // "5,000,000"
// jQuery에서 활용
$("#price").text(amtFormatJson(data.price));
// form 데이터 포맷팅
$("input[name='amount']").val(amtFormatJson($("#amount").val()));
# 실제 활용 케이스
// 표시할 때
$('#totalAmount').text(amtFormatJson(price) + "원");
// 서버 전송 전 콤마 제거
function removeComma(str) {
return str.replace(/,/g, "");
}
$('form').submit(function() {
var price = removeComma($('#price').val());
$('#price').val(price);
});
# 주의 사항
- 숫자가 아닌 문자는 모두 제거됨
- null, undefined 입력 시 빈 문자열 반환
- 소수점 처리 불가 (정수만 처리)
'개발노트 > JavaScript' 카테고리의 다른 글
[Spring Boot + Vue.js 시리즈 1편] JSP vs Vue.js 차이점 분석 (1) | 2025.02.11 |
---|---|
[JavaScript] _setFileUploadSendResult로 파일 업로드 구현하기 (1) | 2025.01.16 |
[JavaScript] e.switch 이벤트 처리 정리 (0) | 2025.01.12 |
[JavaScript] 값 제어하기 - 숫자만 입력받기 (0) | 2025.01.07 |
[JavaScript] 날짜 유효성 검사 정리 (시작일/종료일) (1) | 2025.01.03 |