[JAY⌨️JS] 자바스크립트 조건문 if, switch, Ternary Operator(삼항 연산자)

 

1️⃣ if, else

• if else조건문은 JS에서 가장 기본적인 제어문 중 하나.
• if문은 조건식이 True인 경우에 코드를 실행.
• else문은 조건식이 False인 경우에 실행.

//조건문 구조
if (num > 10) {
    console.log('🔍 num이 10보다 크다.');
} else {
    console.log('🔍 num이 10과 같거나 작다.');
}


const won = 1000;
if (won > 800) {
  console.log('🥖800원에 구매 가능');
} else if (won > 400) {
  console.log('🧀400원에 구매 가능');
} else {
  console.log('돈이 없는 분은 구매할 수 없습니다...');
}
// = 🥖800원에 구매 가능


//2중 조건문 구조
let fst = true;
let snd = false;

if(fst && snd) {
    console.log('fst 충족')  
    console.log('snd 충족');
    } else if(fst) {
      console.log('snd 미충족');
} else {
  console.log('모든 조건 미충족');
}
// = snd 미충족

 

 

 

2️⃣ switch

• if ~ else if ~ else와 비슷한 기능.
• switch( 변수 ) { case : ‘조건’ } 의 구조에서 변수 조건 값이 일치할 때 작업을 수행.
• 작업이 수행되면 다음 데이터도 전부 이어서 실행되기 때문에 다음 case 실행을 중단시키려면 break; 를 붙여준다.

// Switch 구조
let name = 'Jay'
switch(name) {
    case 'Jay':
        console.log(`👩‍💻 Hello ${name}`)
        break;
}
// = 👩‍💻 Hello Jay



// Switch 활용 예제
let fruit = '🍌Banana';
switch(fruit) {
  case '🍇Grape':
    console.log('🍇 you have a Grape');
  case '🍌Banana':
    console.log('🍌 you have a Banana');
  case '🍅Tomato':
    console.log('🍅 you have a Tomato');
        break;  // = next case 실행 중단
  case '🍊Orange':
    console.log('🍊 you have a Orange');
  default:
    console.log(`you don't have fruit...`);
}
// = 🍌 you have a Banana, 🍅 you have a Tomato

 

 

 

3️⃣ 조건부 연산자

• 삼항 연산자 Ternary Operator라고도 일컫는 조컨부 연산자.
• if switch 같은 조건 문이 아니라 조건식! 이라 결과값이 나온다.
• 조건식 ? true일 때 실행되는 식 : false일 때 실행되는 식 의 구조

//조건부 연산자 구조
condition ? true : false


// if 예제
let num = 10
let ternary = num >= 10 ? '⬆️10이상' : '⬇️10미만'
console.log(ternary)
// = ⬆️10이상



// if ~ else if ~ else 예제
// 조건 ? if : 조건 ? if else : else 구조
const money = 400
const buy = money > 500 ? '🥖Buy Bread' : money > 200 ? '🍪Buy Cookie' : `😥You can't buy`
console.log(buy)
// = 🍪Buy Cookie

 

 

 

👩🏻‍💻 요약!

• if else  조건문은 JS에서 가장 기본적인 제어문 중 하나! True인 경우에 코드 실행. 아니면 else로 넘어간다.
• switch 조건문은 변수 조건 값이 일치할 때 작업을 수행.  break;  continue; 와 함께 사용.
• 조건식 ? true일 때 실행되는 식 : false일 때 실행되는 식 의 구조를 가진 삼항 연산자 조건식도 있다!