Home IT/WEB Math.min, Math.max 사용방법

[javascript]Math.min, Math.max 사용방법

Math.min과 Math.max는 JavaScript의 Math 객체에서 제공하는 메서드로, 각각 주어진 숫자들 중 최소값과 최대값을 반환합니다. 이 메서드들은 다양한 수학 연산과 데이터 처리에서 유용하게 사용될 수 있습니다.

Math.min

inline ad

Math.min 메서드는 전달받은 숫자들 중 가장 작은 값을 반환합니다. 인자로 숫자들을 전달할 수 있으며, 최소값을 찾을 수 없는 경우(예: 인자가 없을 경우) Infinity를 반환합니다.

만약 배열에 있는 숫자들 중 최소값을 찾고자 한다면, 스프레드 연산자(…)를 사용하여 배열을 인자로 전달할 수 있습니다.

Math.min(…numbers, 5) 구문은 JavaScript의 스프레드 연산자(…)와 Math.min 메서드를 함께 사용하는 예시입니다. 이 방식은 주어진 숫자 배열(numbers) 내의 모든 숫자와 추가적으로 명시된 숫자(여기서는 5) 중에서 최소값을 찾는 데 사용됩니다. 스프레드 연산자는 배열을 개별 요소로 펼치는 역할을 하기 때문에, Math.min 메서드에 배열의 각 요소를 개별 인자로 전달할 수 있게 해줍니다.

const minVal = Math.min(5, 1, 4, 2, 3);
console.log(minVal); // 1

const numbers = [5, 1, 4, 2, 3];
const minVal = Math.min(...numbers);
console.log(minVal); // 1

const numbers = [10, 20, 30, 40];
const minVal = Math.min(...numbers, 5);
console.log(minVal); // 5

Math.max

Math.max 메서드는 전달받은 숫자들 중 가장 큰 값을 반환합니다. Math.min과 비슷하게 숫자들을 인자로 전달받으며, 최대값을 찾을 수 없는 경우 -Infinity를 반환합니다.

const maxVal = Math.max(5, 1, 4, 2, 3);
console.log(maxVal); // 5

const numbers = [5, 1, 4, 2, 3];
const maxVal = Math.max(...numbers);
console.log(maxVal); // 5

Math.min과 Math.max 메서드는 JavaScript에서 매우 유용한 수학 관련 함수로, 간단한 코드로 숫자 데이터 집합의 최소값과 최대값을 찾는 작업을 손쉽게 할 수 있게 해줍니다. 스프레드 연산자와 함께 사용하면 배열 내의 데이터를 처리할 때도 매우 효과적입니다. 이러한 메서드들을 활용하여 데이터 분석, 수학 계산, 조건 로직 처리 등 다양한 상황에서 코드를 간결하고 효율적으로 만들 수 있습니다.

관련문서

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...