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

2022. 4. 11. 02:43·🌎 Web/JavaScript

조건문이란?

조건문(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

저작자표시 (새창열림)

'🌎 Web > JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트의 배열(Array)  (0) 2022.04.11
[JavaScript] 자바스크립트의 반복문(while문, for문)  (0) 2022.04.11
[JavaScript] 자바스크립트 숫자 메서드 총정리  (0) 2022.04.07
[JavaScript] 자바스크립트 문자열 메서드 총정리  (0) 2022.04.06
[JavaScript] 자바스크립트의 이벤트(event)  (0) 2022.04.05
'🌎 Web/JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트의 배열(Array)
  • [JavaScript] 자바스크립트의 반복문(while문, for문)
  • [JavaScript] 자바스크립트 숫자 메서드 총정리
  • [JavaScript] 자바스크립트 문자열 메서드 총정리
오늘 ONEUL
오늘 ONEUL
Backend Engineer ㅣ 어제보다 나은 오늘, 재밌는 건 오늘부터!
  • 오늘 ONEUL
    오늘의 개발
    오늘 ONEUL
  • 전체
    오늘
    어제
    • 오늘의 개발 (248)
      • 📝 TIL (121)
      • 💡 Projects (6)
        • 드로잉 게임 [눈치 코치 캐치!] (4)
        • 익명고민상담소 [대나무숲] (2)
      • 🌎 Web (47)
        • Spring (3)
        • Java (14)
        • JavaScript (16)
        • CSS (10)
        • HTML (4)
      • 📚 Database (7)
      • 👾 Trouble Shooting (3)
      • 📊 Algorithm&SQL (39)
      • 😺 Git (1)
      • 📖 Books (7)
        • 자바 객체 지향의 원리와 이해 (7)
      • 📁 ETC (2)
      • 되돌아보기 (15)
  • 블로그 메뉴

    • 😺 Github
    • 🍀 NAVER Blog
  • 링크

    • 네이버 블로그
  • 공지사항

  • 인기 글

  • 태그

    알고리즘
    Til
    자바스크립트
    Algorithm
    항해99
    JavaScript
    MySQL
    프로그래머스
    Java
    자바
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
오늘 ONEUL
[JavaScript] 자바스크립트의 조건문(if문, switch문)
상단으로

티스토리툴바