JavaScript

Conditional statement

lshjju 2026. 2. 14. 18:25

프로그램에 '판단력'을 부여하는 **조건문(Conditional Statements)**에 대해 알아보겠습니다.

조건문은 주어진 조건이 참(true)인지 거짓(false)인지에 따라 서로 다른 코드를 실행하도록 흐름을 제어하는 도구입니다.


1. if 문 (기본 조건문)

가장 대표적인 조건문으로, "만약 ~라면"이라는 의미를 가집니다.

  • if: 조건이 참일 때 실행됩니다.
  • else if: 앞선 조건이 거짓일 때, 새로운 조건을 검사합니다.
  • else: 제시한 모든 조건이 거짓일 때 마지막으로 실행됩니다.
JavaScript
 
let score = 85;

if (score >= 90) {
    console.log("A학점입니다.");
} else if (score >= 80) {
    console.log("B학점입니다.");
} else {
    console.log("C학점 이하입니다.");
}

2. switch 문 (다중 선택문)

어떤 변수의 값이 무엇이냐에 따라 여러 가지 경우(case) 중 하나를 선택하여 실행합니다.

  • case: 변수의 값과 일치하는 지점을 찾습니다.
  • break: 해당 케이스를 실행한 후 switch 문을 빠져나오게 합니다. (생략하면 다음 케이스까지 연속 실행되니 주의하세요!)
  • default: 일치하는 케이스가 없을 때 실행되는 기본값입니다. (if 문의 else와 유사)
JavaScript
 
let browser = "Chrome";

switch (browser) {
    case "Edge":
        console.log("마이크로소프트 브라우저입니다.");
        break;
    case "Chrome":
        console.log("구글 브라우저입니다.");
        break;
    default:
        console.log("알 수 없는 브라우저입니다.");
}

3. 삼항 조건 연산자 (Ternary Operator)

if...else 문을 딱 한 줄로 간결하게 줄여 쓰고 싶을 때 사용합니다.

  • 구조: 조건 ? 참일_때_값 : 거짓일_때_값
JavaScript
 
let age = 20;
let message = (age >= 19) ? "성인입니다." : "미성년자입니다.";

console.log(message); // "성인입니다."

📋 if 문 vs switch 문, 언제 사용하나요?

구분 if 문 switch 문
적합한 상황 범위 비교 (> < >= <=), 복잡한 논리 연산 특정 변수의 정확한 값에 따른 분기
가독성 조건이 많아지면 코드가 길어짐 여러 값을 비교할 때 구조가 깔끔함
성능 위에서부터 순차적으로 비교 값이 많을 경우 약간 더 효율적일 수 있음

학습 정리

  • if 문은 가장 범용적인 조건문이며, 비교 연산자와 함께 자주 쓰인다.
  • switch 문은 정해진 값(메뉴 선택, 요일 등)에 따라 동작을 나눌 때 가독성이 좋다.
  • break 키워드를 잊으면 switch 문이 멈추지 않고 아래로 계속 흐른다는 점을 꼭 기억하자.

프로그램의 두뇌가 되는 조건문 원리를 마스터하셨습니다!



조건문의 기본이자 핵심인 if 문의 세 가지 구성 요소를 하나씩 자세히 뜯어보겠습니다.

if 문은 조건에 따라 실행할 코드 블록을 나누는 가장 대표적인 제어문입니다.


1. if (만약 ~라면)

모든 조건문의 시작입니다. 괄호 ( ) 안의 조건이 **참(true)**일 때만 바로 뒤의 중괄호 { } 안의 코드를 실행합니다.

  • 특징: 단독으로 사용할 수 있으며, 조건이 거짓이면 아무것도 실행하지 않고 넘어갑니다.
JavaScript
 
let rain = true;

if (rain) {
    console.log("우산을 챙기세요!"); // 조건이 true이므로 실행됨
}

2. else (그렇지 않으면)

if 문의 조건이 **거짓(false)**일 때 실행될 코드를 작성합니다.

  • 특징: if 문 뒤에 단 한 번만 올 수 있습니다. else 문에는 별도의 조건을 적지 않는데, 이는 "앞의 조건이 아닌 모든 나머지 경우"를 의미하기 때문입니다.
JavaScript
 
let money = 5000;

if (money >= 10000) {
    console.log("택시를 타고 갑니다.");
} else {
    console.log("버스를 타고 갑니다."); // 위의 조건이 거짓이므로 실행됨
}

3. else if (그게 아니라 ~라면)

if 문과 else 문 사이에 위치하며, 앞선 조건이 거짓일 때 새로운 조건을 검사하고 싶을 때 사용합니다.

  • 특징: if와 else 사이에서 필요한 만큼 여러 번 사용할 수 있습니다. 위에서부터 순서대로 검사하며, 하나라도 참이 되어 실행되면 아래의 다른 else if나 else는 검사하지 않고 건너뜁니다.
JavaScript
 
let score = 75;

if (score >= 90) {
    console.log("우수");
} else if (score >= 70) {
    console.log("보통"); // 앞선 조건이 거짓이고, 현재 조건이 참이므로 실행됨
} else if (score >= 50) {
    console.log("노력필요");
} else {
    console.log("낙제");
}

📋 세 가지 구성 요소 한눈에 비교

구성 역할 필수 여부 조건 필요 여부
if 첫 번째 조건을 검사하고 참이면 실행 필수 필요함 (조건)
else if 앞선 조건들이 거짓일 때 새로운 조건을 검사 선택 (여러 개 가능) 필요함 (조건)
else 모든 앞선 조건들이 거짓일 때 무조건 실행 선택 (최대 한 번) 불필요

학습 정리

  • **if**는 필수이며, 모든 조건 판단의 시작점이다.
  • **else if**는 조건이 여러 단계로 나뉠 때 사용하며, 위에서부터 하나씩 참인지 따져본다.
  • **else**는 "이것도 저것도 아닌 모든 경우"를 처리하는 마지막 그물망 같은 역할이다.

if, else if, else의 역할을 명확히 구분하셨습니다!


'JavaScript' 카테고리의 다른 글

Data types  (0) 2026.02.14
Operator  (0) 2026.02.14
Loop statement  (0) 2026.02.14
break  (0) 2026.02.14
Event Handler and Event Listener  (0) 2026.02.14