조건문(Condition)

조건문은 주어진 조건을 만족할 때만 코드를 실행하게 하는 문법입니다. 조건에 따라서 다른 동작을 실행하고 싶을 때 조건문을 사용합니다. 특정 기능을 구현할 때는 여러 가지 케이스를 고려해서 코드를 작성해야 하므로 변수 다음으로 가장 많이 사용되는 문법입니다.

조건문에 대한 이해를 돕기 위해 간단한 예시를 살펴보겠습니다. 영화 티켓을 끊을 때 성인이면 10,000원을 내고 학생이면 5,000원을 내야 하는 결제 로직을 작성한다고 하면 다음과 같습니다.

만약, 나이가 18세 이상이면 10,000원을 낸다.
그렇지 않고 나이가 17세 이하면 5,000원을 낸다.

위 로직을 조건문으로 작성해 보면 다음과 같습니다.

var age = 24;
if (age >= 18) {
  console.log('10,000원 지불');
} else {
  console.log('5,000원 지불');
}

if 조건문

if 문은 주어진 조건식이 참이면 if 문 블록 안에 있는 코드를 실행합니다.

if (조건식) {
  // 조건식이 맞으면 이 블록 안의 코드가 실행됩니다.
}

위 문법을 이해하기 위해 간단한 예제를 보겠습니다.

var a = 10;
if (a === 10) {
  console.log('10이 맞습니다');
}

위 코드는 변수 a에 10이 할당되어 있으므로 if 문 안의 코드인 console.log('10이 맞습니다')가 실행됩니다. 이렇게 블록 안의 코드가 한 줄이든 여러 줄이든 블록 안의 코드는 모두 실행됩니다.

if else 문

위에서 배운 if 문에서 조건식이 참이 아니라 거짓인 경우에 실행될 코드도 아래와 같이 작성할 수 있습니다.

if (조건식) {
  // 조건식이 맞으면 이 블록 안의 코드가 실행됩니다.
} else {
  // 위 조건식이 틀리면 이 블록 안의 코드가 실행됩니다.
}

위 문법을 이용하여 앞 예제에 else 구문을 추가해 보겠습니다.

var a = 30;
if (a === 10) {
  console.log('10이 맞습니다');
} else {
  console.log('a가 10이 아니면 이 코드가 실행됩니다');
}

위 코드에서 변수 a의 값이 10이 아니기 때문에 else 문 블록 안의 코드가 실행됩니다. 최종적으로 a가 10이 아니면 이 코드가 실행됩니다 가 출력됩니다.

else if 문

else if 문은 조건식이 여러 개인 경우 사용할 수 있는 문법입니다. 기본 문법은 다음과 같습니다.

if (첫번째조건식) {
  // 첫번째조건식이 맞으면 이 블록 안의 코드가 실행됩니다.
} else if (두번째조건식) {
  // 두번째조건식이 맞으면 이 블록 안의 코드가 실행됩니다.
}

위에서 조건문을 소개할 때 사용했던 조건을 다시 들고 와서 시나리오를 좀 더 추가해 보겠습니다.

만약 나이가 65세 이상이면 돈을 내지 않는다.
만약 나이가 18세 ~ 65세 사이면 10,000원을 낸다.
그렇지 않고 나이가 17세 이하면 5,000원을 낸다.

위 조건을 코드로 작성해 보면 다음과 같습니다.

var age = 24;
if (age > 65) {
  console.log('무료');
} else if (18 <= age && age <= 65) {
  console.log('10,000원 지불');
} else {
  console.log('5,000원 지불');
}

위 코드에서 age 값이 24이므로 18세 이상이고 65세 이하인 else if 구문에 해당됩니다. 따라서, else if 문 블록 안에 있는 코드가 실행되어 10,000원 지불이 출력됩니다.

switch 문

switch 문은 조건 식이 여러 개인 경우에 사용할 수 있는 조건문입니다. 바로 앞에서 배운 else if 구문과 역할이 같습니다. 기본 문법은 다음과 같습니다.

switch (변수) {
  case 값1:
    // 변수가 값1이면 실행할 로직
    break;
  case 값2:
    // 변수가 값2이면 실행할 로직
    break;
  default:
    // 변수가 위 어떤 케이스에도 해당하지 않는 경우 실행할 로직
}

a의 값에 따라 출력값이 달라지는 간단한 예제 코드를 보겠습니다.

var num = 33;
switch (num) {
  case 10:
    console.log('10입니다');
    break;
  case 33:
    console.log('33입니다');
    break;
  default:
    console.log('10과 33이 아닌 다른 숫자입니다.');
}

위 코드가 실행되면 33입니다가 출력됩니다. 여기서 만약 num 값이 20이라면 default 블록에 정의한 10과 33이 아닌 다른 숫자입니다.가 출력됩니다.