반응형
이번 5편에서는 숫자 데이터와 통계 처리를 다룰 때 유용한 고급 유틸 함수들을 정리합니다. 금액 계산, 퍼센트 변환, 평균/최댓값/최솟값 구하기 등 다양한 실무 상황에서 바로 사용할 수 있는 함수들입니다.
✅ 1. formatNumber (숫자 포맷팅)
📌 3자리마다 콤마 추가
function formatNumber(num) {
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
📌 활용 예시
- 금액 표시 (₩1,000,000)
- 통계 데이터 가독성 향상
✅ 2. clamp (값 범위 제한)
📌 최소값과 최대값 사이로 강제 조정
function clamp(value, min, max) {
return Math.min(Math.max(value, min), max);
}
📌 활용 예시
- 점수 범위 제한 (0~100)
- 슬라이더 입력 제어
✅ 3. average (평균 계산)
📌 배열 평균 구하기
function average(arr) {
if (!arr.length) return 0;
return arr.reduce((sum, val) => sum + val, 0) / arr.length;
}
📌 활용 예시
- 리뷰 평점 평균
- 성적 평균 계산
✅ 4. max / min (최댓값/최솟값 찾기)
📌 배열의 최댓값/최솟값
function max(arr) {
return Math.max(...arr);
}
function min(arr) {
return Math.min(...arr);
}
📌 활용 예시
- 최고 매출일 찾기
- 최저 온도 기록
✅ 5. percent (비율 계산)
📌 특정 값의 퍼센트 변환
function percent(part, total) {
if (total === 0) return '0%';
return ((part / total) * 100).toFixed(2) + '%';
}
📌 활용 예시
- 진행률 표시
- 성공률, 달성률 계산
✅ 결론
숫자와 통계 처리는 모든 서비스 데이터 처리의 기본입니다. 이번 시리즈에서 소개한 함수들을 활용하면 복잡한 수치 데이터를 간결하게 다루고, 사용자에게 더 나은 정보 제공이 가능합니다.
반응형
'Programing > javascript' 카테고리의 다른 글
자바스크립트 실무 유틸 함수 시리즈 9 - Object 객체 고급 조작 (0) | 2025.04.29 |
---|---|
자바스크립트 실무 유틸 함수 시리즈 8 - 배열 고급 조작 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 7 - 문자열 정규 표현식 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 6 - 시간과 날짜 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 4 - 문자열 조작 (1) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 3 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 2 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 (0) | 2025.04.29 |