🌎 Web/JavaScript

[JavaScript] 자바스크립트의 조건문(if문, switch문)

오늘 ONEUL 2022. 4. 11. 02:43

조건문이란?

조건문(conditional statement)이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다.

  1. if 문
  2. if / else 문
  3. if / else if / else 문
  4. switch 문

 

 

 

 

1. if 문

if (표현식) {
    표현식의 결과가 참일 때 실행하고자 하는 실행문;
}
  • 표현식의 결과가 참(true)이면 주어진 실행문 실행, 거짓(false)이면 아무것도 실행하지 않는다.
  • 실행문이 1줄 뿐이라면 중괄호를 생략할 수 있다.

 

 

 

 

2. if / else 문

if (표현식) {
    표현식의 결과가 참일 때 실행하고자 하는 실행문;
} else {
    표현식의 결과가 거짓일 때 실행하고자 하는 실행문;
}
  • else문은 if문의 표현식 결과가 거짓(false) 일 때 주어진 실행문을 실행한다.
  • 마찬가지로 실행문 1줄 뿐이라면 중괄호를 생략할 수 있다.

 

 

 

 

3. if / else if / else 문

if (표현식1) {
    표현식1의 결과가 참일 때 실행하고자 하는 실행문;
} else if (표현식2) {
    표현식2의 결과가 참일 때 실행하고자 하는 실행문;
} else {
    표현식1의 결과도 거짓이고, 표현식2의 결과도 거짓일 때 실행하고자 하는 실행문;
}
  • else if문은 if문처럼 표현식을 설정할 수 있다.
  • 하나의 조건문 안에서 if문과 else문은 단 한 번만 사용 가능하다.
  • else if 문은 여러 번 사용 가능하다.
  • 연산 속도를 고려하여 실행될 확률이 높은 조건절을 위쪽으로 배치한다.

 

 

 

 

4. switch 문

switch (조건 값) {
    case 값1:
        조건 값이 값1일 때 실행하고자 하는 실행문;
        break;
    case 값2:
        조건 값이 값2일 때 실행하고자 하는 실행문;
        break;
    ...
    default:
        조건 값이 어떠한 case 절에도 해당하지 않을 때 실행하고자 하는 실행문;
        break;
}
  • equal 연산을 기반으로 만들어지는 매핑 방식의 조건문이다.
  • if / else 문 보다 가독성 측면에서 좋다.
  • default 절은 그 어떠한 case 절에도 해당되지 않을 때 실행된다. (필요할 때만 선언 가능)
  • 반드시 break 키워드를 포함하고 있어야 한다.
  • boolean 타입도 활용 가능한다.
  • 타입까지 비교한다.
  • 여러 개의 case 절을 나열하여 여러 개의 조건을 한 번에 표현할 수도 있다.

 

 

 

 

 

※ 참고자료

http://www.tcpschool.com/javascript/js_control_condition

https://www.w3schools.com/js/js_if_else.asp