[#03] [Pre-OnBoarding] if 조건문 / switch 조건문 / 삼항(조건부) 연산자 / 짧은 조건문

조건문을 사용하면 조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있습니다.
이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 합니다.

if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문입니다.
이때 조건은 앞에서 불 자료형을 의미합니다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고,
이 조건을 사용해 조건 분기를 합니다.

 

---

if 조건문

if(불 값이 나오는 표현식) {
  불 값이 참일 때 실행할 문장
}

 

if 조건문 사용하기

if(273 < 100) {
  // 표현식 273 < 100이 참일 때 실행합니다.
  alert('273 < 100 => 100')
}

// 프로그램 종료
alert('종료')

 

if else 조건문

if(불 값이 나오는 표현식) {
  // 불 값이 참일 때 실행할 문장
  alert('273 < 100 => 100')
} else {
  // 불 값이 거짓일 때 실행할 문장
}

 

if else if 조건문

if(불 표현식) {
  // 불 값이 참일 때 실행할 문장
  // 불 값이 false이면 아래로
} else if(불 표현식) {
  // 불 값이 참일 때 실행할 문장
  // 불 값이 false이면 아래로
} else if(불 표현식) {
  // 불 값이 참일 때 실행할 문장
  // 불 값이 false이면 아래로
} else {
  // 위의 불 값이 모두 false이면 else 구문 실행
}

 

---

Switch 조건문

let 변수;

switch (변수){
  case 상수1 :  // 변수 = 상수1이면, 실행문 A실행
    실행문 A; 
    break; // swith{} 코드 블록 탈출
    
  case 상수2 : // 변수 != 상수1 이고, 변수 = 상수2 이면, 실행문 B 실행
    실행문 B;
    break; // swith{} 코드 블록 탈출
    
  default: // 변수 != 상수1 이고, 변수 != 상수2 이면, 실행문 C 실행
    실행문 C;
    break; // swith{} 코드 블록 탈출
}

 

예시 코드

// 변수를 선언
const date = new Date()
const hour = date.getHours()

// 조건문
switch (true) {
  case hour < 11 :  // 표현식 hour < 11이 참일 때 실행
    alert('아침 먹을 시간이다.');
    break;
    
  case hour < 15 : // 표현식 hour < 11이 거짓이고, 표현식 hour < 15가 참일 때 실행
    alert('점심 먹을 시간이다.');
    break;
    
  default: // 위의 모든 것이 거짓일 때 실행
    alert('저녁 먹을 시간이다.');
    break;
}

 

---

조건부 연산자

Javascript에는 조건문과 비슷한 역할을 하는 연산자가 있다. 바로 조건부 연산자이고 기본 형태는 아래와 같다.

불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과

true ? "참 입니다." : "거짓 입니다." // "참 입니다."
false ? "참 입니다." : "거짓 입니다." // "거짓 입니다."

JS에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항 연산자라고 부르기도 한다.

 

---

짧은 조건문

짧은 조건문은 논리 연산자의 특성을 조건문으로 사용하는 것이다.

true && console.log("hello") // hello
false && console.log("hello") // 실행 안함

true || console.log("hello") // 실행 안함
false || console.log("hello") // hello