🔢 자바스크립트 Math 객체 완벽 가이드 - 필수 메서드 총정리!

2024. 7. 27. 18:17·웹개발/JavaScript
728x90

자바스크립트의 Math 내장 객체

안녕하세요, 친구들! 오늘은 자바스크립트의 강력한 내장 객체 중 하나인 Math 객체에 대해 알아볼 거예요. 숫자와 관련된 다양한 작업을 쉽게 할 수 있게 도와주는 이 객체를 통해 코딩을 더욱 재미있게 만들어봐요! 🚀


1. Math.min(val1, val2, val3, val4)

Math.min 메서드는 주어진 숫자 중 가장 작은 값을 반환해요.

let result = Math.min(10, -10, 20, 50, -30);
console.log(result); // -30

 

2. Math.max()

Math.max 메서드는 주어진 숫자 중 가장 큰 값을 반환해요.

let result = Math.max(10, -10, 20, 50, -30);
console.log(result); // 50

 

3. Math.random()

Math.random 메서드는 0과 1 사이의 랜덤한 난수를 반환해요. 특정 범위의 난수를 얻고 싶다면 아래와 같이 사용해요.

let result = Math.random();
console.log(result); // 예: 0.123456789

// 1부터 45까지의 난수를 얻기
let randomBetween1And45 = Math.floor((Math.random()+1) * 45);
console.log(randomBetween1And45); // 예: 23

 

4. Math.round()

Math.round 메서드는 소수점을 반올림해요.

let result1 = Math.round(1.1);
console.log(result1); // 1

let result2 = Math.round(1.6);
console.log(result2); // 2

let result3 = Math.round(-1.1);
console.log(result3); // -1

 

5. Math.floor()

Math.floor 메서드는 소수점을 내림해요.

let result1 = Math.floor(5.95);
console.log(result1); // 5

let result2 = Math.floor(-5.05);
console.log(result2); // -6

 

6. Math.ceil()

Math.ceil 메서드는 소수점을 올림해요.

let result1 = Math.ceil(1.1);
console.log(result1); // 2

let result2 = Math.ceil(1.6);
console.log(result2); // 2

let result3 = Math.ceil(-1.1);
console.log(result3); // -1

 

7. Math.abs()

Math.abs 메서드는 주어진 숫자의 절대값을 반환해요.

let result1 = Math.abs(-15);
console.log(result1); // 15

let result2 = Math.abs(15);
console.log(result2); // 15

 

8. Math.pow(x, y)

Math.pow 메서드는 x의 y 거듭제곱을 반환해요.

let result1 = Math.pow(2, 3); // 2의 3승 = 8
console.log(result1); // 8

let result2 = Math.pow(4, 2); // 4의 2승 = 16
console.log(result2); // 16

 

이 외의 더많은 Math함수는 다음 사이트를 참고하세요!

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math

 

728x90

'웹개발 > JavaScript' 카테고리의 다른 글

CodeSnap으로 캡처하자: VSCode 코드 캡처 라이브러리  (3) 2024.11.11
JavaScript 개념 정리  (3) 2024.09.11
자바스크립트 문자열 객체 완벽 가이드  (0) 2024.07.27
자바스크립트 배열 객체 완벽 가이드  (0) 2024.07.27
자바스크립트 개발자라면 꼭 알아야 할 표준 내장 객체!  (0) 2024.07.27
'웹개발/JavaScript' 카테고리의 다른 글
  • CodeSnap으로 캡처하자: VSCode 코드 캡처 라이브러리
  • JavaScript 개념 정리
  • 자바스크립트 문자열 객체 완벽 가이드
  • 자바스크립트 배열 객체 완벽 가이드
튼튼발자
튼튼발자
프론트엔드 개발자입니다. 헬스를 가끔해서인지 몸이 튼튼한거 같습니다. 그래서 튼튼한 개발자 => 튼튼발자입니다. 프론트엔드 및 관련 개발 내용 블로그 글로 정리해서 올려둡니다.
    250x250
  • 튼튼발자
    튼튼발자
    튼튼발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (192)
      • 튼튼발자의 끄적끄적 (10)
      • 웹개발 (94)
        • HTML (5)
        • CSS (2)
        • JavaScript (40)
        • TypeScript (5)
        • REACT (22)
        • Next.js (13)
        • GIt (7)
      • 기타 (3)
        • 일상 (3)
      • 프로젝트 (27)
        • Componique: UI 컴포넌트 라이브러리 (18)
        • GitHub Profile Viewer (8)
        • 잇핏 (1)
      • 프론트엔드 개발자로 취업준비 (1)
        • 기술 면접 (7)
        • 코딩 테스트 준비하기 (0)
        • 자기소개서&지원서&이력서 (0)
      • 컴퓨터과학 (12)
        • 운영체제 (6)
        • 알고리즘 (6)
      • 전공 공부 (37)
        • AI(인공지능) (2)
        • 컴퓨터네트워크 (19)
        • 네트워크프로그래밍 (3)
        • SW소프트웨어응용설계 (7)
        • 클라우드컴퓨팅 (3)
        • 웹서비스프로그래밍 (3)
      • PT (0)
      • 취준일기 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    프론트엔드
    자바스크립트
    리액트
    트랜스포트계층
    JS
    ui컴포넌트
    componique
    웹개발
    github
    네트워크
    코딩
    상태관리
    프론트엔드개발
    NextJs
    프로그래밍
    react
    데이터전송
    tailwind
    TCP
    JavaScript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
튼튼발자
🔢 자바스크립트 Math 객체 완벽 가이드 - 필수 메서드 총정리!
상단으로

티스토리툴바