Programing/javascript

자바스크립트 실무 유틸 함수 시리즈 5 - 숫자와 통계 처리

2025. 4. 29. 14:40
반응형

이번 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
'Programing/javascript' 카테고리의 다른 글
  • 자바스크립트 실무 유틸 함수 시리즈 7 - 문자열 정규 표현식
  • 자바스크립트 실무 유틸 함수 시리즈 6 - 시간과 날짜
  • 자바스크립트 실무 유틸 함수 시리즈 4 - 문자열 조작
  • 자바스크립트 실무 유틸 함수 시리즈 3
Dongkkase
Dongkkase
개발자로 일하면서 부딪히는 문제풀이가 누군가에게 도움이 되길 바라며
    반응형
  • Dongkkase
    정집사의 개발로그
    Dongkkase
  • 전체
    오늘
    어제
    • All (478) N
      • 금융 (61)
      • Programing (295) N
        • Algorithm (39)
        • API (2)
        • javascript (122)
        • CSS (8)
        • HTML (10)
        • PHP (15)
        • JAVA (27)
        • JSP (17)
        • JSP 예제 (1)
        • IOS (1)
        • Android (1)
        • Sencha Touche (1)
        • bat file, cmd (0)
        • 디버깅 (2)
        • SQL (21) N
        • MS-SQL (1)
        • MySQL (13)
        • 보안 (5)
      • Server (14)
        • Docker (1)
        • Windows (9)
        • Linux (3)
        • jeus (1)
      • Database (6)
      • IT 일반 (15)
      • 리뷰 (38)
        • Book (17)
        • 제품 (2)
        • 영화 소개 (11)
        • 음악 소개 (7)
      • 잡생각 (36)
        • 회고 (3)
        • 컬럼 (4)
        • 자료실 (6)
        • 낙서장 (12)
        • 위시리스트 (2)
        • WOW (1)
        • 덕 (1)
  • 인기 글

  • 최근 댓글

  • 태그

    IT 관련
    읽고 싶은 책
    위시리스트
    IT블로그
    JavaScript
    디자인패턴
    블로그
    IT·컴퓨터
    php
    자바스크립트
    사고 싶은 책
    js패턴
    자바
    jsp
    It
    자바스크립트유틸
    Java
    SQL
    iT's MY LiFE
    기초
Dongkkase
자바스크립트 실무 유틸 함수 시리즈 5 - 숫자와 통계 처리
상단으로

티스토리툴바