반응형
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 1부, cos, sin, tan 함수 |
환경: Eclipse Mars |
자바스크립트에서 수학과 관련된 객체는 Math 입니다. Math 객체는 new 연산자로 생성하지 않아도 됩니다. 내장 객체이기 때문에 바로 사용이 가능합니다. Math 에는 아주 다양한 함수가 있는데 삼각함수와 관련된 것들을 먼저 다뤄 보도록 하겠습니다. Math 에서 지원하는 삼각함수는 sin, cos, tan 와 역삼각 함수인 acos, asin, atan 이 있습니다.
◎ sin, cos, tan 함수 |
▼ 먼저 삼각함수인 sin, cos, tan 의 예제 입니다. 인수로 각도를 입력하시면 해당 사인, 코사인, 탄젠트 값을 리턴하게 됩니다.
<!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.sin(10) + "<br/>"; var b = Math.sin(-10) + "<br/>"; var c = Math.sin(0) + "<br/>"; var d = Math.sin(Math.PI) + "<br/>"; document.write("< sin >" + "<br/>"); document.write(a + b + c + d + "<br/>"); a = Math.cos(10) + "<br/>"; b = Math.cos(-10) + "<br/>"; c = Math.cos(0) + "<br/>"; d = Math.cos(Math.PI) + "<br/>"; document.write("< cos >" + "<br/>"); document.write(a + b + c + d + "<br/>"); a = Math.tan(10) + "<br/>"; b = Math.tan(-10) + "<br/>"; c = Math.tan(0) + "<br/>"; d = Math.tan(Math.PI) + "<br/>"; document.write("< tan >" + "<br/>"); document.write(a + b + c + d + "<br/>"); //--> </script> </head> <body> </body> </html>
◎ acos, asin, atan |
▼ a 는 반대를 나타냅니다. asin 는 sin의 반대값이 됩니다. –PI/2 와 PI/2 사이값으로 인수로 넘긴 값의 아크사인(arcsine) 을 반환합니다. 그리고 -1 ~ 1 사이를 벗어나는 이면 NaN 에러 메시지를 리턴합니다.
var a = Math.asin(10) + "<br/>"; var b = Math.asin(-1) + "<br/>"; var c = Math.asin(1) + "<br/>"; var d = Math.asin(0.5) + "<br/>"; document.write("< sin >" + "<br/>"); document.write(a + b + c + d + "<br/>");
▼ acos 는 PI 와 0 사이의 값을 리턴하게 됩니다. 그리고 -1 ~ 1 을 벗어나는 값이 acos() 의 인수로 사용되면 에러 메시지로 NaN 을 리턴합니다.
var a = Math.acos(10) + "<br/>"; var b = Math.acos(0.5) + "<br/>"; document.write("< acos >" + "<br/>"); document.write(a + b + "<br/>");
▼ atan 함수는 리턴 하는 값으로 –PI/2 ~ PI/2 사이값을 가지며 인수로 넘기는 값이 없을 때 NaN 에러 메시지를 리턴하게 됩니다.
var a = Math.atan(Math.PI/2) + "<br/>"; var b = Math.atan() + "<br/>"; var c = Math.atan(0) + "<br/>"; document.write("< atan >" + "<br/>"); document.write(a + b + c + "<br/>");
반응형
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트 구구단 출력하는 방법 (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) 조건 연산자, 삼항 연산자 사용하는 방법 (0) | 2019.05.19 |
자바스크립트(Javascript) 문자를 숫자로 변환하는 Number 함수 (0) | 2019.05.02 |
자바스크립트(Javascript) 내장 객체 Array 의 join 함수, reverse 함수 – 3회 (0) | 2019.04.27 |
자바스크립트(Javascript) 문자인지 여부를 판단할 수 있는 isFinite 함수 (0) | 2019.03.24 |