자바스크립트 if, else if, else 조건문 사용해서 제어하기

 

“if”, “else if”, “else”는 조건문(Conditional Statements)으로, 주어진 조건에 따라 프로그램이 다른 동작을 하도록 제어하는 데 사용됩니다.  “if”, “else if”, “else”는  여러 가지 조건에 따라 프로그램의 동작을 제어할 수 있습니다. 아래에서 구문과 사용 사례를 중심으로 설명하겠습니다.

 

 

 

 

◎ 1. 구문

 

if (condition1) {

  // condition1이 true일 때 실행

} else if (condition2) {

  // condition1이 false이고 condition2가 true일 때 실행

} else {

  // 모든 조건이 false일 때 실행

}

l  “if”: 주어진 조건이 “true”이면 해당 블록의 코드를 실행합니다.

l  “else if”: 이전 “if” 또는 “else if” 조건이 “false”이고 현재의 조건이 “true”이면 해당 블록의 코드를 실행합니다.

l  “else”: 이전의 모든 조건이 “false”일 때 실행되는 블록으로, 조건을 지정하지 않습니다.

 

 

◎ 2. 기본 if, else if, else 구문

 

if, else if, else 구문을 사용해서 num 변수에 저장된 숫가 값을 비교한 후 조건에 맞는 블럭의 console.log 함수를 실행합니다.

 

const num = 15;
 
if (num < 10) {
  console.log("num은 10보다 작습니다.");
} else if (num < 20) {
  console.log("num은 10보다 크고 20보다 작습니다.");
} else {
  console.log("num은 20 이상입니다.");
}
 
[출력]
num은 10보다 크고 20보다 작습니다.

 

 

◎ 3. if, else if로 문자열 조건 검사

 

if, else if, else 구문을 사용해서 fruit 변수에 저장된 문자열을 비교한 후 조건에 맞는 블럭의 console.log 함수를 실행합니다.

 

const fruit = "apple";
 
if (fruit === "apple") {
  console.log("사과를 선택했습니다.");
} else if (fruit === "banana") {
  console.log("바나나를 선택했습니다.");
} else {
  console.log("사과나 바나나를 선택하지 않았습니다.");
}
 
[출력]
사과를 선택했습니다.

 

 

◎ 4. 중첩 if, else 구문

 

if, else 블럭 안에 또 다른 if, else if, else 구문을 계속해서 추가할 수 있습니다. 하지만 소스의 가독성이 떨어지기 때문에 2단계 이상의 중첩은 하지 않는 것이 좋습니다.

 

const hour = 15;
 
if (hour < 12) {
  console.log("좋은 아침!");
} else {
  if (hour < 18) {
    console.log("좋은 오후!");
  } else {
    console.log("좋은 저녁!");
  }
}
 
[출력]
좋은 오후!

 

 

유사한 조건문 switch case 사용법은 아래 포스팅을 참고하세요.

https://mainia.tistory.com/6987

자바스크립트 switch case 조건문 사용해서 분기하기