반응형
수학 계산에 쓰이는 Math 내장 객체에는 Max 와 Min 이라는 함수가 있습니다. 이 함수들은 배열이나 인수로 넘긴 여러 데이터 중에서 최대값과 최소값을 추출하고 싶을 때 사용하면 됩니다. 그럼 예제를 통해서 사용법에 대해 알아 보겠습니다.
| ◎ Math.max() 최대값 가져오는 함수 |
▼ max 함수는 인수로 넘어간 값들 중에 최고값을 리턴하게 됩니다. 인수는 두 개 이상 입력이 가능하며 마이너스 값도 비교할 수 있습니다. 그런데 일일이 인수로 데이터를 입력해서 최대값을 가져오는 경우는 별로 없을 겁니다. 배열 데이터를 넘겨서 최대값을 가져오는 것도 가능할까요?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
div {margin : 10px;}
</style>
<script type="text/javascript">
<!--
var a = Math.max(10, 20) + "<br/>";
var b = Math.max(-10, -20) + "<br/>";
var c = Math.max(-10, 20) + "<br/>";
document.write("[max]" + "<br/>");
document.write(a + b + c);
//-->
</script>
</head>
<body>
</body>
</html>
▼ 배열에서 최고값을 가져오는 방법이 있습니다. 그냥 max 함수에 배열 객체를 넣으면 NaN 에러가 납니다. 이것을 제대로 계산하려면 Math.max 에서 리턴 받은 객체에서 apply() 함수를 이용해야 합니다. 그럼 배열에서 가장 큰 값을 리턴하게 됩니다.
var arr = [1, 2, 3];
var a = Math.max.apply(null, arr) + "<br/>";
var b = Math.max(arr) + "<br/>";
document.write(a + b);
| ◎ Math.min() 최소값 가져오는 함수 |
▼ 이번에는 최소값을 가져오는 Min 함수 입니다. Max 와 같이 인수로 넘어간 데이터 중 최소값을 리턴하게 됩니다. 그리고 마이너스 계산도 해 줍니다.
var a = Math.min(10, 20) + "<br/>";
var b = Math.min(-10, -20) + "<br/>";
var c = Math.min(-10, 20) + "<br/>";
document.write("[min]" + "<br/>");
document.write(a + b + c);
▼ Max() 함수와 마찬가지로 Min() 도 최소값을 리턴 받을 때 배열을 이용할 수 있습니다. Max.min.apply() 함수의 인수에 배열을 넣으면 최소값을 리턴 받게 됩니다.
var arr = [1, 2, 3];
var a = Math.min.apply(null, arr) + "<br/>";
var b = Math.min(arr) + "<br/>";
document.write(a + b);
반응형
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트(Javascript) jQuery 의 선택자(Selector) 기본 사용법 (1) | 2024.11.17 |
|---|---|
| 자바스크립트 반복문 종료, 유지 구문 continue, break 사용하기 (0) | 2024.11.12 |
| 자바스크립트 스크롤 최상단, 최하단 이동하는 방법 (0) | 2024.11.12 |
| 자바스크립트(Javascript) Date() 함수 (0) | 2024.08.08 |
| 자바스크립트(Javascript) 웹 페이지 자동 새로 고침 적용하기 (3) | 2024.04.17 |
| 자바스크립트(JavaScript) 웹 소스 테스트 사이트 소개 (0) | 2024.04.05 |
| 구글 크롬 개발자 도구 이용해서 자바스크립트 코드 실행하는 방법 (0) | 2024.03.20 |
| 자바스크립트 DOM document.write() 함수로 화면에 텍스트를 출력하기 (3) | 2024.02.06 |
