자바스크립트에서 숫자 배열의 최소값과 최대값을 구하는 방법은 Math 객체를 이용하는 것이다. 숫자배열을 사용할 때는 정확한 값이 나오지 않기 때문에 별도의 구문을 사용해야 한다. 연속적인 숫자를 직관적으로 사용해도 상관이 없지만 숫자 배열을 사용하는 경우가 더 많기 떄문에 구문을 눈으로 익혀두는 것이 좋다.
자바스크립트 최소값 최대값 구하는 방법
Math.min Math.max method
자바스크립트에서 숫자로만 이루어진 배열이 있다면 최소값과 최대값을 찾을 수 있다.
메서드는 간단하지만 배열 자체를 Math 객체를 이용하는 방법에는 구문이 조금 다르다.
방법은 비슷하지만 ES 를 사용할 필요도 있다.
최소값 최대값 찾기
Math 객체에서 최소값, 최대값을 찾는 방법은 Math 메서드를 사용하는 방법이다.
Math.min 메서드는 최소값을 Math.max 메서드는 최대값을 찾을 수 있다.
인자값으로 연속되는 숫자들이 들어갈 수도 있고 숫자 배열을 이용할 수 있다.
Math.min( 숫자, 숫자, 숫자, ~ )
Math.min( ...숫자배열 )
Math.min.apply( 숫자배열 )
Math.max( 숫자, 숫자, 숫자, ~ )
Math.max( ...숫자배열 )
Math.max.apply( 숫자배열 )샘플코드
위의 코드는 Math 객체를 이용한 최소값 최대값을 구하는 메서드이다.
숫자를 연속적으로 사용할 경우에는 기본 제공 메서드를 사용해도 상관없다.
하지만 숫자배열을 사용하는 경우에는 다른 방법으로 최소값과 최대값을 구해야 한다.
예제를 만들어 본다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
let _numberArray = [0.01, 0.1, 10, 100, 1000, 10000];
let _numberMin = Math.min(0.01, 0.1, 10, 100, 1000, 10000);
console.log("Math.min : %s ", _numberMin);
_numberMin = Math.min(..._numberArray);
console.log("Math.min : %s ", _numberMin);
_numberMin = Math.min.apply(Math, _numberArray);
console.log("Math.min.apply : %s ", _numberMin);
console.log('----------');
let _numberMax = Math.max(0.01, 0.1, 10, 100, 1000, 10000);
console.log("Math.max : %s ", _numberMax);
_numberMax = Math.max(..._numberArray);
console.log("Math.max : %s ", _numberMax);
_numberMax = Math.max.apply(Math, _numberArray);
console.log("Math.max.apply : %s ", _numberMax);
console.log('----------');
/* */
</script>
</body>
</html>결과 화면을 보자.
코드는 다르지만 결과는 같다.
최소값, 최대값을 구하는 방법 중 배열을 사용하는 방법은 눈에 익혀두도록 하자.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 로그함수의 사용 using javascript log method (0) | 2022.03.21 |
|---|---|
| 자바스크립트 랜덤한 난수 발생 using javascript random number (0) | 2022.03.17 |
| 자바스크립트 삼각함수 sin cos tan 메서드 사용 using javascript trigonometric functions method (0) | 2022.03.12 |
| 자바스크립트 거듭제곱 제곱근 절대값 구하기 javascript Math pow sqrt abs method (0) | 2022.03.08 |
| 자바스크립트 양수와 음수의 구분 javascript find negative or positive number (0) | 2022.03.06 |
댓글