오늘 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
  • 프로그래머스
  • 자바
  • 항해99
  • JavaScript
  • MySQL
  • 알고리즘
  • Algorithm
  • Java
  • 자바스크립트

티스토리

hELLO · Designed By 정상우.
오늘 ONEUL

오늘의 개발

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

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

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

저작자표시 (새창열림)

'🌎 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
    오늘 ONEUL
    오늘 ONEUL
    Backend Engineer ㅣ 어제보다 나은 오늘, 재밌는 건 오늘부터!

    티스토리툴바