[JS] 조건문 (if, else if, switch, 삼항연산자)

---

알고있으면 좋은 Javascript Tip✨

---

if 문

• if 안에 있는 조건식이 참인 경우 해당하는 if 문을 실행한다.

if(조건식){  
   //조건식이 참인 값이 실행
   동작문;
} else {  
   // 조건식이 거짓인 값이 실행
   동작문;
}


// 예제 (1)
let value = '사과';
let fruit = false;
   if(fruit){
    value = '바나나';
} else{
    value = '포도';
}

// '포도' 출력
console.log(value);

 

else if 문

• if 안에 있는 조건식이 참인 경우 해당하는 else if 문을 실행한다.

if(조건식){                
   동작문;
} else if(조건식){                  
   동작문;
} else if(조건식){
   동작문;
} else{
   동작문;
}


// 예제 (1)
const score = 60;

if(score >= 90){
   console.log('A');
} else if(score < 90 && score >= 80){
   console.log('B');
} else if(score < 80 && score >= 70){
   console.log('C');
} else if(score < 70 && score >= 60){
   console.log('D');
} else{
   console.log('F');
}

// 'D' 출력

 

switch 문

• switch()에 적힌 데이터와 case뒤에 적힌 데이터를 서로 비교한다.
• 일치하면 실행, 일치하지 않으면 다음 case문으로 넘어간다.
• 조건식(변수)과 비교조건식이 일치한다면 동작문이 실행한다.

const 변수;

switch (조건식){
    case 비교조건식 :{ 
      동작문;
      break;     //swtich { } 코드 블록 탈출
    }
    case 비교조건식 :{ 
      동작문;
      break;     //swtich { } 코드 블록 탈출
    }
    default :{
      동작문;
    }
}


// 예제 (1)
const drink = '커피';

switch(drink){
   case '콜라' :{
       console.log('콜라 : 1200원');
   }

   case '사이다' :{
       console.log('사이다 : 1100원');
   }

   case '커피' :{
       console.log('커피 : 800원');
   }

   default :{
       console.log('가격 조회를 할 수 없는 음료수를 입력하셨습니다.');
   }

 

삼항연산자

• 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다.
• 조건부 연산자는 문이 아니고 식이기 때문에 결과값이 나온다.

조건식 ? 참 일때 실행되는 식 : 거짓일 때 실행되는 식

// 예제 (1)
var str = 5 > 0 ? '참 입니다.' : '거짓입니다.' ;

// 5는 0보다 크기 때문에 '참 입니다' 출력
console.log(str);