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

실용적인 테스트 가이드: @Mock, @MockBean, @Spy, @SpyBean, @InjectMocks

테스트 시 의존성 주입(Dependency Injection)과 Mockito Spring 애플리케이션을 개발하다 보면, 테스트 코드에서 실제 빈(Bean)을 사용하지…

1주 ago

실용적인 테스트 가이드: Layered Architecture 레이어드 아키텍처

들어가며 스프링 기반 프로젝트에서 좋은 설계 구조와 테스트 전략은 소프트웨어 품질과 유지보수성에 직결됩니다. 최근 학습한…

1주 ago

읽기 좋은 코드를 작성하는 사고법: 논리, 사고의 흐름과 SOLID

들어가며 코드를 작성할 때 종종 "이 로직을 어떻게 단순하고 읽기 쉽게 표현할 수 있을까?" 고민하게…

4주 ago

읽기 좋은 코드를 작성하는 사고법: 추상과 구체

들어가며 코드를 작성하다 보면 "왜 이 코드는 한눈에 이해가 안 될까?" 하는 고민을 종종 하게…

1개월 ago

HTTP 상태코드 총정리 서버-클라이언트 간 명확한 의사소통

HTTP 상태코드란 무엇인가? HTTP 상태코드(HTTP Status Code)는 서버가 클라이언트의 요청을 처리한 결과를 수치화된 코드로 나타내는…

1개월 ago

HTTP 메서드 완벽 가이드 GET, POST, PUT, PATCH, DELETE 등 총정리

HTTP란 무엇인가? HTTP(Hypertext Transfer Protocol)는 웹에서 데이터를 주고받기 위해 사용하는 응용 계층 프로토콜입니다. 우리가 브라우저에서…

1개월 ago