(JS) 조건문 if와 switch

woong·2022년 10월 11일

조건문 Conditional Statement

특정 조건을 만족하는 경우에 어떤 작업을 실행시키고자 할 때 사용하는 것이 조건문이다.

if
삼항 조건 연산자
switch

1. if

기본형태 if

if (조건) {
조건을 만족하는 경우 실행할 실행문
}

if / else

const num1 = 3;
const num2 = 5;
if (num1 === num2) {
  console.log('num1과 num2는 같다.') ;
} else {
  console.log('num1과 num2는 다르다.') ;
}
// 출력 값: num1과 num2는 다르다.

num1과 num2가 같으면 (if) 'num1과 num2는 같다.'라는 문자열을 출력.
그렇지 않으면 (else) 'num1과 num2는 다르다.'라는 문자열을 출력.

이처럼 if와 else를 이용한 조건문에서 조건문이 참이면 if문의 실행문이 실행되고, 조건문이 거짓이면 else문의 실행문을 실행한다.

if / else if / else

const num1 = 3;
const num2 = 5;
let result;
if (num1 === num2) {
  result = 'num1과 num2는 같다.' ;
} else if (num1 > num2) {
  result = 'num1이 num2보다 크다.' ;
} else {
  result = 'num2가 num1보다 크다.' ;
}
console.log (result) ;
// 출력 값: num2가 num1보다 크다.

num1과 num2가 같으면 (if) 'num1과 num2는 같다.'라는 문자열을 출력.
if 조건문이 거짓이고, else if 조건문처럼 num1이 num2보다 크면 'num1이 num2보다 크다.'라는 문자열을 출력.
if와 else if 조건문이 거짓이라면, 'num2가 num1보다 크다.'라는 문자열을 출력.

if문의 조건문이 참이면 if문의 실행문이 실행되고, 조건문이 거짓이면 else if문의 조건문을 판단한다. else if문의 조건문이 참이면 else if문의 실행문이 실행되고, 거짓이면 else문의 실행문이 실행된다.

2. 상항 조건 연산자

기본 형태

조건문 ? 실행문1 : 실행문2

조건문이 참이면 실행문1이 실행되고, 조건문이 거짓이면 실행문2가 실행됨.

let num = 3;
num === 3 ? console.log('참') : console.log('거짓') ;
//출력값: 참

num = 5;
num === 3 ? console.log('참') : console.log('거짓') ;
//출력값: 거짓

조건문을 참/거짓 2가지로 나누어 그에 따른 2가지 실행문을 실행시키고자 할 때 사용하면 코드가 더 간단하고 쉽다.
(if / else 조건문 대신 사용하기 좋음.)

3. switch

if문과 같이 주어진 조건 값에 따라 다른 명령을 실행하도록 하는 조건문.

기본 형태

switch(조건값) {
  case value1:
    조건값이 value1일 때 실행할 실행문;
    break;
  case value2:
    조건값이 value2일 때 실행할 실행문;
    break;
  ...
  default:
    조건값이 어떤 case에도 해당하지 않을 때 실행할 실행문;
    break;

가독성 면에서 장점이 있음.
각 case와 default절은 break를 포함해야함.
(각 조건 값에 맞는 case나 default가 실행되면 switch절에서 빠져나감.)

let whatLastName;
let lastName = '문' ;
switch (lastName) {
  case '김':
    whatLastName = '김씨입니다.' ;
    break ;
  case '이':
    whatLastName = '이씨입니다.' ;
    break ;
  case '박':
    whatLastName = '박씨입니다.' ;
    break ;
  default:
    whatLastName = '기타 성입니다.' ;
    break;
}
console.log(whatLastName); //출력값: 기타 성입니다.