script_기초_조건문

if 조건문 

    특정 조건마다의 분기를 생성해서 코드흐름에 변화 줌

    if(조건식1){

         조건식이 참이면 이곳의 구문이 실행

         조건식이 거짓이면 이곳의 구문 무시

    }

     else if(조건식2){

         조건식이 참이면 이곳의 구문이

         실행 조건식이 거짓이면 이곳의 구문 무시

     }

     else {

         위의 조건식1이 거짓이면 무조건 이곳의 구문을 실행하고 종료

 } 

//경고
function plus(Num1, Num2){
    if(Num1 === undefined || Num2 === undefined){ //Num1, Num2 두 수 중 하나라도 undefined 일 경우 
        console.error("두개의 인수값을 넣어주세요.");
    }
    if(typeof Num1 !== "number" || typeof Num2 !== "number"){//Num1, Num2 두 수 중 하나라도 숫자가 아닐 경우
    console.error("두개의 인수값을 모두 숫자로 넣어주세요.");
    }
    const result = Num1 + Num2;
    console.log(result);
}

plus(2); //경고창 두개 다 뜸
plus(2,"3"); //첫번째 경고창, 23
plus(2,3); //5


//현재시간 불러오기
    let now = new Date();
    now = now.getHours(); //hour만 불러오기
    console.log(now);

    const body = document.body;

    body.style.backgroundColor = 'orange';

    if (now >= 0 && now < 9) {
      body.style.backgroundColor = 'pink';
    }
    if (now >= 9 && now < 17) {
      body.style.backgroundColor = 'lightblue';
    }
    if (now >= 17 && now <= 24) {
      body.style.backgroundColor = 'violet';
    }
    
    
 //조건식의 축약_1
    if (now >= 10) {
      console.log('오전 10시가 넘었습니다.')
    }
    
 //만약 조건식 다음에 실행되는 코드블록 내용이 한줄의 간단한 구문이면 아래와 같이 축약가능
    if (now >= 10) console.log('오전 10시가 넘었습니다.');
    
 //해당 코드는 다음과 같이 더 축약가능
    (now >= 10) && console.log('오전 10시가 넘었습니다.');


 //조건식의 축약_2
    if (now < 12) {
      console.log('오전입니다.');
    } else {
      console.log('오후입니다.')
    }
    
  --->
    if (now < 12) console.log('오전입니다');
    else console.log('오후입니다.');
    
  --->
    (now < 12) ? console.log('오전입니다') : console.log('오후입니다.');

 

switch 조건문 

    여러개의 코드 블록중에서 하나를 선택해야 할때 사용

 

    switch (표현식){

         case A :

              //실행할 코드 블록

               break;

         case B :

              //실행할 코드 블록

               break;

         default;

             //실행할 코드 블록

    }

switch(new Date().getDay()){//Date()전체날짜 선택 중에서 .getday() 일만 호출
                                      //console.log(new Date().getDate()); 
     case 0 :   
       console.log("Sunday");      
       break;   
     case 1 :   
       console.log("Monday");      
       break;
     case 2 :   
       console.log("Tuesday");      
       break;
     case 3 :   
       console.log("Wednesday");      
       break;
     case 4 :   
       console.log("Thursday");      
       break;
     case 5 :   
       console.log("Friday");      
       break;
     case 6 :   
       console.log("Saturday");      
       break;               
  }

 

템플릿 리터럴

 

 const name = "갈비찜" 
 const age = "20" 

 console.log("안녕하세요. 저는 "+name+"이고 "+age+"살 이고 싶습니다."); //번거로움      
                         
 console.log(`안녕하세요. 저는 ${name}이고 ${age}살 이고 싶습니다.`);//위와 결과값 동일