자바스크립트 - else

[자바스크립트 else 문 제대로 알기] – 조건 분기를 자연스럽게 처리하는 방법

웹 개발을 하다 보면 특정 상황에 따라 다른 행동을 하도록 프로그램을 제어해야 할 때가 많아요.
이럴 때 사용하는 대표적인 도구가 바로 if ~ else 조건문입니다.
그중에서도 오늘은 else 문에 초점을 맞춰, 기본 개념부터 자주 하는 실수, 실전 예제까지 싹 정리해볼게요!

🔗 [자바스크립트 조건문 전체 개념 정리 보러가기]

 

else 문이 뭐예요?

간단하게 말해서, else는 if 조건이 맞지 않을 때 실행되는 코드 블록이에요.
즉, "그렇지 않으면 이거 해!"라고 말하는 거죠.

if (조건) {
  // 조건이 참일 때 실행
} else {
  // 조건이 거짓일 때 실행
}

 

 

예를 들어볼게요:

let age = 15;

if (age >= 18) {
  console.log("성인입니다.");
} else {
  console.log("미성년자입니다.");
}

이 코드에서 age가 18 이상이 아니기 때문에, else 블록이 실행돼요.

 

자주 쓰는 패턴 – else if와 함께 쓰기

조건이 여러 개일 때는 else if와 함께 else를 마지막에 사용해요.

let score = 82;

if (score >= 90) {
  console.log("A학점");
} else if (score >= 80) {
  console.log("B학점");
} else if (score >= 70) {
  console.log("C학점");
} else {
  console.log("F학점");
}

 

이렇게 하면 순차적으로 조건을 검사하면서 마지막에 걸리는 경우까지 다 처리할 수 있어요.

 

else 문 사용 시 주의할 점

• if와 항상 쌍으로 다닌다: 단독으로 else는 사용할 수 없어요. 반드시 앞에 if가 있어야 해요.
• 조건이 너무 많을 땐 switch 문 고려하기: else if가 너무 많아지면 switch문이 더 깔끔할 수 있어요.
• 중괄호({}) 생략하지 마세요: 가독성을 위해 항상 중괄호는 명시해주는 게 좋아요.

 

실전 예제 – 로그인 여부 체크

let isLoggedIn = false;

if (isLoggedIn) {
  console.log("환영합니다!");
} else {
  console.log("로그인해주세요.");
}

 

실제로 웹사이트에서 로그인 여부에 따라 화면을 다르게 구성할 때 이런 방식으로 많이 사용돼요.

 

시각적 이해를 돕는 이미지

이미지 생성 아이디어

• 조건 흐름 다이어그램
• if/else 블록 구분된 흐름도
• "성인/미성년자", "로그인/비로그인" 예시 흐름 포함

{
  "prompt": "A simple, colorful flowchart explaining JavaScript if-else statement. Show decision branching like 'if (age >= 18)' leads to 'Adult', else leads to 'Minor'. Use code snippets and arrows for clarity.",
  "size": "1024x1024"
}

 

 

마무리 정리 – else는 상황을 대비하는 안전장치!

if가 "이럴 경우"를 말한다면, else는 "그 외의 모든 경우"를 책임지는 역할이에요.
자바스크립트에서 조건에 따라 유연하게 분기 처리를 하고 싶을 때 else는 꼭 알아야 할 기본 키워드죠.