자바스크립트 if문 중첩 처리 방법

자바스크립트 조건문 이해하기

자바스크립트는 웹 프로그래밍에서 가장 널리 사용되는 언어 중 하나로, 조건문을 활용하여 코드의 실행 흐름을 제어할 수 있습니다. 조건문은 프로그램이 특정 조건을 만족하는지 검증하고, 그에 따라 다르게 동작하도록 지시하는 데 사용하는 문법입니다. 대표적인 조건문으로는 if, else, else if 문이 있습니다.

조건문의 기본 구조

자바스크립트에서 if 문은 주어진 조건이 참일 경우 특정 실행문을 수행하고, 거짓일 경우 아무 작업도 하지 않는 구조를 가집니다. 다음과 같은 형식으로 작성할 수 있습니다:

if (조건) {
  // 조건이 참일 때 실행할 코드
}

여기서 조건은 불리언 값으로 평가되는 표현식입니다. 만약 조건이 참이라면 중괄호 안의 코드가 실행됩니다.

else와 else if 문

else 문은 ifelse 문을 포함한 예제입니다:

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

또한, 여러 개의 조건을 검사할 때는 else if 문을 사용하는 것이 유리합니다. 여러 조건을 순차적으로 평가하여 첫 번째 참인 조건의 코드를 실행할 수 있습니다.

if (조건1) {
  // 조건1이 참일 때
} else if (조건2) {
  // 조건2가 참일 때
} else {
  // 두 조건이 모두 거짓일 때
}

조건문 사용 예제

조건문을 사용하는 일반적인 예를 들어보겠습니다. 사용자의 나이를 입력받아 성인인지 미성년자인지를 판별하는 코드입니다:

let age = 20; // 사용자의 나이
if (age >= 18) {
  console.log("성인입니다.");
} else {
  console.log("미성년자입니다.");
}

위의 예제에서 사용자의 나이가 18 이상이면 “성인입니다.”라는 메시지가 출력됩니다. 그렇지 않으면 “미성년자입니다.”가 출력됩니다.

복잡한 조건 처리: 중첩된 if 문

때로는 조건이 여러 겹으로 중첩되어야 할 필요가 있습니다. 이럴 때 중첩된 if 문을 활용할 수 있습니다. 예를 들어, 사용자가 나이와 직업을 입력받아 성인인지 미성년자인지를 확인한 후, 직업에 따라 다른 메시지를 출력하고 싶다면 다음과 같이 작성할 수 있습니다:

let age = 20;
let job = "student";
if (age >= 18) {
  if (job === "student") {
    console.log("성인 학생입니다.");
  } else {
    console.log("성인입니다.");
  }
} else {
  console.log("미성년자입니다.");
}

위의 코드에서, 만약 사용자가 성인이면서 학생이라면 “성인 학생입니다.”라는 메시지가 출력됩니다.

조건부 연산자: 삼항 연산자

자바스크립트에서는 간단한 조건문을 삼항 연산자로 표현할 수 있습니다. 삼항 연산자는 조건식과 두 개의 값으로 구성되며, 조건이 참일 경우 첫 번째 값을 반환하고 거짓일 경우 두 번째 값을 반환합니다. 다음은 삼항 연산자의 사용 예입니다:

let age = 20;
let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";
console.log(message); // "성인입니다."가 출력됩니다.

이처럼 간결하게 조건을 처리하는 방식은 코드를 더욱 읽기 쉽게 만들어 줍니다.

조건문 유의사항

• 조건문을 사용할 때, 보통 중괄호를 사용하는 것이 좋은 습관입니다. 한 줄만 있을 경우라도 명시적으로 중괄호를 사용하는 것이 가독성을 높입니다.
• 불리언 값으로 평가되는 표현식이 조건으로 들어가야 하며, 필요 시 논리 연산자(AND, OR, NOT)를 조합하여 복잡한 조건을 처리할 수 있습니다.

결론

자바스크립트의 조건문은 프로그램의 흐름을 제어하는 중요한 요소입니다. if, else, else if 문뿐만 아니라 삼항 연산자를 함께 활용하면 여러 조건을 효율적으로 처리할 수 있습니다. 조건문을 적절하게 활용하여 더 나은 코드 작성에 도움이 되시기 바랍니다.

자주 찾는 질문 Q&A