1. 조건문_if, else, if else

• if : 조건식이 만족 할 때만 실행되는 조건문

• else : 조건식이 만족하면 true, 만족하지 않으면 false가 나오도록 하는 조건문

• else if : 조건식이 여러개일 경우 다양한 결과값을 얻기 위한 조건문

        // if문 _ 조건식을 만족(true)할 경우에만 코드 실행
        if(조건식) {
          자바스크립트 코드;
        }

        // else문 _ 조건식을 만족할 경우 vs 만족하지 않을 경우에 따라 실행되는 코드가 달라짐(즉, 2가지 결과가 나올 수 있음)
        if(조건식) {
          조건식을 만족할 경우 실행할 코드1;
        } else {
          조건식을 만족하지 못한 경우 실행할 코드2;
        }

        // else if문 _ 두 가지 이상 조건식과 정해놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어짐
        if(조건식1) {
          실행할 코드1;
        } else if(조건식2) {
          실행할 코드2;
        } else if(조건식3) {
          실행할 코드3;
        } else {
          실행할 코드n;
        }
        // 만족하는 값이 if ~ else if문에 없으면 else 조건식을 실행. 중간에 만족하는 값이 있다면 실행 후 종료
      

조건문 실습하기

----경품 추첨-----
등수별 상품 출력 :
1. 숫자 1 or 1등 : "당첨!해외여행상품권"
2. 숫자 2 or 2등 : "냉장고"
3. 숫자 3 or 3등 : "상품권"
4. 숫자 4 or 4등 : "꽝입니다!"

경품 추첨 결과

          let eve = prompt('등수를 입력하세요 예: 1 or 1등');
          
          if((eve == 1) || (eve =='1등')){ //만약 eve가 1 또는 1등 이라면
            document.getElementById('eve').innerHTML='span class="txt01" 당첨!해외여행상품권 /span';
          }else if((eve == 2) || (eve =='2등')){ //만약 eve가 2 또는 2등 이라면
            document.getElementById('eve').innerHTML='냉장고';
          }else if((eve == 3) || (eve =='3등')){ //만약 eve가 3 또는 3등 이라면
            document.getElementById('eve').innerHTML='상품권';
          }else{ //그 외라면
            document.getElementById('eve').innerHTML='꽝입니다';
          }
                  

2. 선택문_switch case

• 선택문(switch case)은 변수와 일치하는 값이 있을 때 해당 코드를 실행함

• 변수에 저장된 값과 선택문(switch문)에 있는 경우(case)의 값을 검사하여 변수와 경우의 값에서 일치하는 값이 있을 때 그에 해당하는 코드를 실행
여러 경우의 값 중 일치하는 데이터를 찾아 해당하는 코드를 실행시킬 때 사용함

• break문 : 조건식에서 원하는 값이 일치할 때 프로그램이 현 위치에서 멈추게 하기 위한 명령어

    var 변수 = 초기값;

    switch(변수) {
      case 값1 : 코드1(실행할 내용1);
      break;

      case 값2 : 코드2(실행할 내용2);
      break;

      default : 코드n(실행할 내용n)
    }

    // 변수에 저장된 값은 switch문을 만나면 case값 하나씩 검사. 
      > 그 후 일치하는 데이터가 있으면 해당 코드를 실행
      > break문 만나 switch문 종료.
      > 경우의 값 중 일치하는 데이터 없으면 마지막 default에 있는 코드 실행 후 switch문 종료
      

선택문(switch문) 실습하기 _ 현재 날짜정보를 통해 요일표시하기

• 시간객체(date)를 활용하여 요일 번호를 구하고 switch case문을 통해 한글명 '요일' 출력하기

        let today = new Date();  //날짜 객체 생성
        document.write('현재시스템 날짜 + 시간정보 : '+today );   // 현재 시스템 시간+날짜 정보 출력

        document.write(+today.getDay()); //getDay()메서드는 주어진 날짜의 현지 시간 기준 요일을 반환해줌 (일요일(0)~토요일(6))
  
        let res2 = today.getDay(); // 요일 번호를 변수에 저장
  
        switch (res2) {
          case 0 : document.write('오늘은 일요일');break; //변수 res2가 0이면 오늘은 일요일 출력
          case 1 : document.write('오늘은 월요일');break; 
          case 2 : document.write('오늘은 화요일');break;
          case 3 : document.write('오늘은 수요일');break;
          case 4 : document.write('오늘은 목요일');break;
          case 5 : document.write('오늘은 금요일 :)');break;
          default: document. write('오늘은 토요일. :)') 
        }
      

3. 반복문_while, do while, for

• 반복문은 작업을 반복 수행 할 때 사용함

• 주의할 점 ) 조건을 잘못 설정하면 무한 루프에 빠지는 오류가 생기며, 브라우저에 화면 멈춤현상이 발생함

• while : 조건식을 만족할 때까지 코드를 실행 (주의할 점 : 증감식으로 반복을 제어하므로 무한 반복을 주의해야 함)
• do while : 만족 여부를 먼저 검사 한 후, 코드 실행 여부를 결정 (do whilte문은 반드시 첫 번째부터 코드를 실행하고 조건식을 검사함)
• for : 조건식을 만족할 때까지 특정 코드를 반복하여 실행함

• break 문 : 반복문 실행 도중 break문을 실행하면 조건식과 상관없이 강제로 반복문을 종료함
• continue 문 : 반복문에서만 사용할 수 있으면 continue문을 실행하면 다음에 오는 코드는 무시하고 바로 증감식으로 이동하고 조건식을 조건 검사함

          // while 문
          while (조건식) {   
            실행할 코드;        
            증감식;                 
          }

          // do while 문
          do {
            실행할 코드;
            증감식;
          } while (조건식)

          // for 문
          for (초기값; 조건식; 증감식) {
            실행할 코드;
          }
        

반복문 실습 _ 반복문을 사용하여 숫자 1~10 출력하기

          //1. while문
          let n = 1; //초기값 변수 선언
      
          while(n=10){                        //조건에 만족 할 때까지 반복 (n이 10이 될 때 까지 반복)
            document.write(n +' ');    // 내용 출력
            n++;                                   //기존값에 1씩 증가
          }
      
          //2. do while문
          let n1 = 1;
          do{
            document.write(n1 +' ');
            n1++;
          }while(n1=10);
      
          // 3. for문
          for(let n2=1; n2=10;n2++){
            document.write(n2+' ')
          }
        

실습2 _ 반복문을 사용해 구구단 출력하기

  

실습3_반복문을 활용하여 달력 출력하기