Categories: JavaScript

JavaScript 자주 쓰는 자바스크립트 Math 메서드 정리

자바스크립트 Math 메서드란?

자바스크립트 Math 객체는 수학적인 연산을 하기 위한 다양한 메서드를 제공하는 내장 객체입니다. 이 메서드들은 수학적인 계산을 간편하게 수행할 수 있도록 도와줍니다. 주로 숫자와 관련된 연산을 다루며, 다양한 수학 함수 및 상수를 제공합니다.

자주 쓰는 Math 메서드

  1. Math.abs(x)
    주어진 숫자 x의 절댓값을 반환합니다.
  2. Math.round(x)
    주어진 숫자 x를 반올림한 값(round)을 반환합니다.
  3. Math.ceil(x)
    주어진 숫자 x를 올림한 값(ceiling)을 반환합니다.
  4. Math.floor(x)
    주어진 숫자 x를 내림한 값(floor)을 반환합니다.
  5. Math.max(x, y, …)
    인수로 전달된 숫자 중 가장 큰 값을 반환합니다.
  6. Math.min(x, y, …)
    인수로 전달된 숫자 중 가장 작은 값을 반환합니다.
  7. Math.pow(x, y)
    x에 y를 제곱 한 값을 계산하여 반환합니다.
  8. Math.random()
    0 이상 1 미만의 랜덤한 숫자를 반환합니다.
  9. Math.sqrt(x)
    주어진 숫자 x의 제곱근을 반환합니다.
  10. Math.PI
    원주율 π값을 반환합니다.
  11. Math.sin(x), Math.cos(x), Math.tan(x)
    주어진 각도 x에 대한 사인, 코사인, 탄젠트 값을 반환합니다.

Math 메서드 예제

Math.abs(x)

주어진 숫자 x의 절댓값을 반환합니다.

JavaScript
let number = -5;
let absoluteValue = Math.abs(number);
console.log(absoluteValue); // 출력 결과 : 5
JavaScript

Math.round(x)

주어진 숫자 x를 반올림한 값(round)을 반환합니다.

JavaScript
let number = 5.3;
let rounded = Math.round(number);
console.log(rounded); // 출력 결과 : 5
JavaScript

Math.ceil(x)

주어진 숫자 x를 올림한 값(ceiling)을 반환합니다.

JavaScript
let decimalNumber = 4.25;
let roundedUp = Math.ceil(decimalNumber);
console.log(roundedUp); // 출력 결과 : 5
JavaScript

Math.floor(x)

주어진 숫자 x를 내림한 값(floor)을 반환합니다.

JavaScript
let decimalNumber = 4.75;
let roundedDown = Math.floor(decimalNumber);
console.log(roundedDown); // 출력 결과 : 4
JavaScript

Math.max(x, y, …)

인수로 전달된 숫자 중 가장 큰 값을 반환합니다.

JavaScript
let maxNumber = Math.max(10, 5, 8, 12);
console.log(maxNumber); // 출력 결과 : 12
JavaScript

Math.min(x, y, …)

인수로 전달된 숫자 중 가장 작은 값을 반환합니다.

JavaScript
let minNumber = Math.min(10, 5, 8, 12);
console.log(minNumber); // 출력 결과 : 5
JavaScript

Math.pow(x, y)

x에 y를 제곱한 값을 계산하여 반환합니다.

JavaScript
let result = Math.pow(2, 3);
console.log(result); // 출력 결과 : 8
JavaScript

Math.random()

0 이상 1 미만의 랜덤한 숫자를 반환합니다.

JavaScript
let randomValue = Math.random();
console.log(randomValue);
// 출력 결과 : 0.123456789... 랜덤한 숫자
JavaScript

Math.sqrt(x)

주어진 숫자 x의 제곱근을 반환합니다.

JavaScript
let number = 25;
let squareRoot = Math.sqrt(number);
console.log(squareRoot); // 출력 결과 : 5
JavaScript

Math.PI

반지름이 5인 원의 넓이를 계산하는 경우, Math.PI를 활용하여 다음과 같이 계산할 수 있습니다.

JavaScript
let radius = 5;
let area = Math.PI * Math.pow(radius, 2);
console.log(`반지름이 ${radius}인 원의 넓이: ${area}`);
// 출력 결과 : 반지름이 5인 원의 넓이: 78.53981633974483
JavaScript

Math.sin(x), Math.cos(x), Math.tan(x)

주어진 각도 x에 대한 사인, 코사인, 탄젠트 값을 반환합니다.

JavaScript
// 각도를 라디안으로 변환하는 함수
function toRadians(degrees) {
  return degrees * (Math.PI / 180);
}

// 각도가 45도일 때
let angle = 45;

let sinValue = Math.sin(toRadians(angle));
console.log(`사인(${angle}도): ${sinValue}`);

let cosValue = Math.cos(toRadians(angle));
console.log(`코사인(${angle}도): ${cosValue}`);

let tanValue = Math.tan(toRadians(angle));
console.log(`탄젠트(${angle}도): ${tanValue}`);
// 출력 결과
// 사인(45도): 0.7071067811865475
// 코사인(45도): 0.7071067811865476
// 탄젠트(45도): 0.9999999999999999
JavaScript

결론

자바스크립트 Math 객체는 다양한 수학적인 계산을 수행하는 데에 유용한 메서드를 제공합니다. 이러한 메서드들을 활용하여 숫자 연산 및 계산에 효과적으로 사용할 수 있습니다. 정확한 상황에 맞게 메서드를 활용하면 프로그래밍 작업을 보다 효율적으로 수행할 수 있습니다.

suover

Recent Posts

그림으로 쉽게 배우는 자료구조와 알고리즘: 미션1 | 메모리 검색

들어가며 소프트웨어를 개발할 때 메모리 관리 방식은 프로그램의 안정성과 성능을 좌우하는 핵심 요소입니다. 특히 자바스크립트,…

1일 ago

만들면서 쉽게 배우는 컴퓨터 구조: 미션1 | 진리표부터 회로 구현까지

들어가며 소프트웨어 개발자는 코드가 어떻게 실행되는지 정확히 이해해야 할 필요가 있습니다. 우리가 작성한 프로그램은 결국…

3일 ago

웹 서버(Web Server)와 WAS(Web Application Server) 알아보기

서론 현대 웹 애플리케이션 아키텍처에서 웹 서버(Web Server) 와 웹 애플리케이션 서버(WAS, Web Application Server)…

1개월 ago

HTTP 헤더(Header)란 무엇인가?

HTTP 헤더(Header)란? HTTP(Header)는 클라이언트와 서버 간에 교환되는 메타데이터로, 요청(Request)과 응답(Response)에 부가적인 정보를 실어 나르는 역할을…

2개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 후기

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 4주차 회고

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago