자바스크립트(Javascript) 수학, 난수 계산 Math 객체 4부, Max, Min 함수 |
환경: Eclipse Mars |
수학 계산에 쓰이는 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] 자바스크립트 웹 페이지 자동 새로 고침 적용하기 (1) | 2020.02.16 |
---|---|
자바스크립트(Javascript) 뒤로 가기 막는 방법 (1) | 2020.01.08 |
자바스크립트 구구단 출력하는 방법 (0) | 2019.11.06 |
웹 개발을 위한 아톰 에디터 설치, 사용하는 방법 (0) | 2019.07.13 |
자바스크립트(Javascript) 수학, 난수 계산에 쓰이는 Math 객체 3부, Random 함수 (0) | 2019.06.08 |
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 2부, Ceil, Floor, Round (0) | 2019.06.02 |
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 1부, cos, sin, tan 함수 (0) | 2019.05.27 |
자바스크립트(Javascript) 조건 연산자, 삼항 연산자 사용하는 방법 (0) | 2019.05.19 |