본문 바로가기

카테고리 없음

If-Else Statements in JavaScript

 

JavaScript에서 if-else 문은 특정 조건에 따라 프로그램의 흐름을 제어하는 데 사용됩니다. 조건이 true인지 false인지에 따라 코드가 서로 다른 경로를 선택할 수 있도록 합니다.

If-Else 문

if 문은 if 키워드로 시작하며, 뒤에 괄호 안에 조건을 작성합니다. 조건이 true이면 if 문 내부의 코드 블록이 실행됩니다. 조건이 false인 경우, else 블록 내부의 코드가 대신 실행됩니다.

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

위 코드에서 if 조건은 나이가 18세 이상인지 확인합니다. 조건이 true이면 "당신은 성인입니다."를 출력하고, false이면 "당신은 미성년자입니다."를 출력합니다.


Else If를 사용한 여러 조건 처리

여러 조건을 확인해야 하는 경우, 초기 if 문 뒤에 else if 문을 연결할 수 있습니다. 이를 통해 프로그램은 여러 조건을 확인하고, true로 평가되는 첫 번째 조건에 해당하는 코드를 실행합니다.

예제:

javascript
 
let grade = 85; if (grade >= 90) { console.log("A"); } else if (grade >= 80) { console.log("B"); } else if (grade >= 70) { console.log("C"); } else { console.log("F"); }

이 경우, 프로그램은 각 점수 범위를 확인하며, 첫 번째로 일치하는 조건의 블록을 실행합니다. 여기서는 점수가 85이므로 "B"를 출력합니다.


삼항 연산자: 간단한 If-Else

간단한 조건에는 삼항 연산자(ternary operator)를 사용할 수 있습니다. 이는 if-else 문의 축약 버전으로, 단일 줄로 작성하여 코드를 더 간결하게 만듭니다.

예제:

javascript
 
let isAdult = age >= 18 ? "예" : "아니요"; console.log(isAdult); // 출력: 예

위 예제에서 삼항 연산자는 나이가 18 이상인지 확인합니다. 조건이 true이면 "예"를 isAdult 변수에 할당하고, false이면 "아니요"를 할당합니다.


모범 사례

  • 조건을 간단하게 유지: 복잡한 조건이나 깊게 중첩된 if-else 문은 코드를 읽기 어렵게 만듭니다.
  • 여러 조건에는 else if 사용: 중첩된 if 문을 피하고 else if 문을 사용하여 가독성을 높이세요.
  • 간단한 조건에는 삼항 연산자 사용: 짧고 간결한 조건에는 삼항 연산자를 사용하여 코드를 더 읽기 쉽게 만드세요.

JavaScript의 if-else 문과 삼항 연산자를 적절히 사용하면 코드의 가독성과 효율성을 높일 수 있습니다.