ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JavaScript] if, loop
    VScode/JavaScript 2022. 9. 8. 17:38

    if문 날짜

    -자바스크립트에도 자바와 같이 활용할 주요 내장 클래스들이 존재함.

    -새로운 객체를 생성하기 위해 new는 명령과 함께 객체를 생성하여 사용함

    -자바 스크립트의 if문의 사용은 자바에서의 사용과 똑같음

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Controll_IF.html</title>
        <script type="text/javascript">
            var date=new Date();
            // 자바스크립트의 내장 라이브러리 중 날짜 객체를 생성하는 명령
            var hour=date.getHours();
            if(hour<11){
                document.write("<h2>"+hour+'시: 아침</h2>');
            } else if(hour<15){
                document.write("<h2>"+hour+'시: 점심</h2>');
            } else{
                document.write("<h2>"+hour+'시: 저녁</h2>');
            }
            // var year=date.hetYear();
            // document.write(year+"년");
            // getYear() 함수는 원래 년도에서 1900년을 뺀 값을 리턴함
            // getYear() 함수는 웹 표준에서 제거(Deprecated) 되었음
            // getFullYear()로 대체되어 사용중
            var year=date.getFullYear();
            document.write("<h2>"+year+"년</h2>");
            var month=date.getMonth();
            document.write("<h2>"+(month+1)+"월</h2>");
            var date1=date.getDate();
            document.write("<h2>"+(date1)+"일</h2>");
            var week=date.getDay();
            // 0:sun, 1:mon, ... 6:sat
            if(week==1) document.write("<h2>월요일</h2>");
            else if(week==2) document.write("<h2>화요일</h2>");
            else if(week==3) document.write("<h2>수요일</h2>");
            else if(week==4) document.write("<h2>목요일</h2>");
            else if(week==5) document.write("<h2>금요일</h2>");
            else if(week==6) document.write("<h2>토요일</h2>");
            else document.write("<h2>일요일</h2>");
        </script>
    </head></html>

    while 반복문

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Loop.html</title>
        <script type="text/javascript">
            var value=1;
            var s="";
            while(value<5){
                document.write("<h2>"+value+'번째 반복</h2>');
                s=s+value+"번째 반복&nbsp;&nbsp;&nbsp;&nbsp;";
                value++;
            }
            document.write("<h2>"+s+"</h2>");
        </script>
    </head></html>

    var value=0;
    var startTime=new Date().getTime(); 
    // 오늘 날짜 현재시간의 밀리초 환산값
    // document.write("<h2>"+startTime+"</h2>");
    endTime=startTime+1000;
    while(new Date().getTime()<endTime){
        value++;
    } // 1초 동안 ++ 연산이 몇번이나 실행되는지 value 변수에 저장됨
    document.write("<h2>시작시간: "+startTime+
    "<br>종료시간(시작시간+1초): "+endTime+"<br>반복횟수: "+value+"</h2>");

    do~while 반복문

    -반복실행의 조건이 처음부터 false가 되어도 한번은 실행하는 특징 있음

    var value=10;
    do{
        document.write(value+'번째 반복.<br>');
        value++;
    } while(value<=5); 
    // -> '10번째 반복' 출력

     

    for 반복문

    var array=['포도','사과','바나나','망고'];
    for(var i=0; i<array.length; i++){
        document.write("<h2>"+array[i]+"</h2>");
    }
    // -> '포도 사과 바나나 망고' 출력

     

    for in 반복문

    var array=['포도','사과','바나나','망고'];
    for(var a in array){ 
    // 배열의 값이 전달되지 않고, 배열의 인덱스들이 전달됨
        document.write("<h2>"+array[a]+"</h2>");
    }
    // -> '포도 사과 바나나 망고' 출력

    'VScode > JavaScript' 카테고리의 다른 글

    [JavaScript] vaildation, select tag, visibility, check  (0) 2022.09.08
    [JavaScript] Image  (0) 2022.09.08
    [JavaScript] BOM  (0) 2022.09.08
    [JavaScript] function  (0) 2022.09.08
    [JavaScript] Basic  (0) 2022.09.08

    댓글

Designed by Tistory.