JavaScript Math.속성 또는 메소드

Math.속성 또는 메소드

수학에서 사용하는 특수함수나 특수값을 사용할 수 있게 해준다.
특수함수란 지수함수, 삼각함수, 로그함수등을 말한다.

E 오일러 상수 약 2.718
LN10 10의 자연 로그 값 약 2.302
LN2 2의 자연 로그 값 약 0.693
LOG10E 밑이 10인 E 로그 약 0.434
LOG2E 밑이 2인 로그 약 1.442
PI 원주율 약 3.14159
SQRT1_2 1/2의 제곱근 SQRT{} 약 0.707
SQRT2 2의 제곱근 SQRT{} 약 1.414

사용예) 반지름이 5인 원의 체적

<body>
<script language="JavaScript">
<!--
    r=5
    radia=r*r*Math.PI
    document.write(radia)
//-->
</script>
</body>

복잡한 계산을 풀어주는 Math 메소드

abs(x) 절대 값 함수 |x|
acos(x) cosine의 역함수(arc cosine)
asin(x) sin의 역함수(arc sin)
atan(x) tangent의 역함수(arc tan)
atan2(x,y) tangent의 역함수(arc tan)
ceil(x) x보다 같거나 큰 수 중에서 가장 큰 정수(올림)
cos(x) x의 cosine 값을 구해준다
exp(x) x의 지수 함수를 구해준다
floor(x) x 보다 같거나 작은 수 중에서 가장 적은 정수(버림)
log(x) x의 로그 함수를 구한다
max(x,y) x와 y의 수 중에서 가장 큰 수
min(x,y) x와 y의 수 중에서 가장 작은 수
pow(x,y) 지수 함수 f(x,y)=xy
random() 난수를 발생한다
round(x) x를 반올림한다
sin(x) x의 sine 값을 구한다
sqrt(x) x의 제곱근을 구한다
tan(x) x의 tangent를 구한다

사용예)

<body>
    <script language="JavaScript">
    <!-- 
        r=5.15
        document.write("x의절대값은",Math.abs(r),"입니다.","<br>")
        document.write("x는",Math.floor(r),"이거나 크고",
            Math.ceil(r),"이거나 작은 수입니다.","<br>")
        document.write("x와 3 중에",Math.max(r,3),"이 큽니다.","<br>")
        document.write("x의 제곱근은",Math.sqrt(r),"입니다.","<br>")
    //-->
    </script>
</body>

화면 정보를 가져오는 Screen 객체 사용하기

availHeight 인터페이스를 제외한 실제 화면의 높이를 픽셀 크기로 표시해준다
availWidth 인터페이스를 제외한 실제 화면의 너비를 픽셀 크기로 표시해준다
colorDepth 컴퓨터에서 사용하는 컬러 수를 표시해준다
hight 컴퓨터에서 사용하는 화면의 높이를 픽셀 크기로 표시해준다
width 컴퓨터에서 사용하고 있는 화면의 너비를 픽셀 크기로 표시한다
pixelDepth 하나의 픽셀당 비트 수를 표시한다

사용예) 자신의 컴퓨터 화면해상도 알아내기

<script language="JavaScript">
<!-- 
    document.write("화면의 실제 높이",screen.availHeight,"<br>")
    document.write("화면의 실제 너비",screen.availWidth,"<br>")
    document.write("화면의 너비",screen.width,"<br>")
    document.write("화면의 높이",screen.height,"<br>")
    document.write("화면 색상수",screen.colorDepth,"<br>")
    document.write("픽셀당 비트수",screen.pixelDepth)
//-->
</script>

사용예) 방문자 화면 해상도 표시하기 만들기

<body  style="background-color: #ff9326">
    <img src="girl.png" style="display: block; margin: 0 auto; border:0;" />

    <script>
        document.write("<p style='text-align: center; color: white; font-size: 12px; line-height: 0;'>") 
        document.write("당신의 해상도는",screen.width,"*",screen.height,"입니다.")
        document.write("</p>")
    </script>
</body>

사용예) 해상도를 비교해서 출력하게 만들기

<head>
    <title>해상도 비교</title>
    <script>
        a=screen.width
        if (a < 1600) {
            alert("당신의 컴퓨터 해상도는" +screen.width+ "*" +screen.height+
                  "입니다. \n이 홈페이지는 1600*900 해상도에서 잘보입니다.")
        }
        else { 
            alert("당신의 컴퓨터 해상도는" +screen.width+ "*" +screen.height+ "입니다.")
        }
    </script>
</head>

<body style="background-color: #ff9326">
    <img src="girl.png" width="1400" style="display: block; margin: 0 auto; border:0;" >
</body>

문제) 해상도에 맞추어 문서를 열게 만들기

1) Screen 객체를 사용 방문자의 해상도 값을 얻어낸다
2) 화면 해상도에 따라 IF문으로 나눈다
3) IF문 안에 다음 명령어를 사용하여 윈도우 크기를 조절 (window.resizeTo(640,480))