B7 : 조건문

목차

1. 조건문

2. if문

    2-1. if문 작성법

    2-2. else와 else if

3. switch문

---

1. 조건문

조건에 따라 다른 행동을 취하고 싶을 때는 조건문을 사용한다.

조건문을 표현하는 방법은 2가지가 있다.

• if문
• 조건문 연산자 ?

---

2. if문

1. if문 작성법

if문은 아래와 같은 형식으로 작성한다.

if (표현식) {
  실행할 코드
}

• 괄호 안에 적은 표현식이 true 일 때, 중괄호 안의 코드 블록을 실행한다. (코드가 한 줄일 경우, 중괄호는 생략 가능하다.)
• if문은 표현식을 평가하고 결과를 불린값으로 변환한다.
  → 표현식에 0이 들어가면 실행되지 않으며, 1이 들어가면 실행된다.
  → 불린값이 할당된 변수를 표현식에 넣어 전달할 수도 있다.

if (year == 2025) {
  alert("뱀의 해");
  alert("스물 여섯살");
}

 

2. else와 else if

if문에는 else절과 else if절을 붙일 수 있다.

• if : 표현식이 true/truthy일 경우 실행
• else if : 앞선 if, else if의 조건식이 모두 false일 때 실행되며, 자신이 true일 때 실행 (여러 개 사용 가능)
• else : 위의 모든 조건식이 false일 때 실행하며 조건식이 없다. (선택)

let year = 2025;

if (year < 2025) {
  alert('up');
} else if (year > 2025) {
  alert('down');
} else {
  alert('정답~!');
}

 

 

---

3. switch문

1. if문 작성법

switch(x) {
  case 'value1':
    ...
    break;
  case 'value2':
    ...
    break;
  default:
    ...
    break;
}

• 변수 x의 값을 case 'value'들과 일치하는 지 위에서부터 순서대로 비교한다.
• 일치하는 값을 찾으면 해당 case의 코드가 실행된다.
• break를 만나서 끝나거나, 끝나지 않으면 이어서 실행되다가 switch문이 끝나고 멈춘다.
• 값이 일치하는 case문이 없다면 default 아래의 코드가 실행된다.

 

여러 개의 case문을 묶을 수 있다.

let arg = prompt("미키의 클럽하우스 캐릭터: ");
switch (arg) {
  case '미키마우스':
  case '미니마우스':
    alert('생쥐입니다.');
    break;
  case '도날드덕':
  case '데이지덕':
    alert('오리입니다.');
    break;
  case '구피':
  case '플루토':
    alert('강아지 입니다.');
    break;
  case '피트':
    alert('고양이입니다.');
    break;
  case '클라라벨':
    alert('소입니다.');
    break;
  default:
    alert('미키의 클럽하우스 캐릭터가 아닙니다.');
    break;
}

중요한 점!

switch문은 일치 비교(===)로 조건을 확인하기 때문에 변수와 case문의 값의 형과 값이 같아야 실행된다.

 

 

 

 

 

참고

https://ko.javascript.info/ifelse