[쉽고 빠르게 배우는 자바스크립트] 4. 조건문

2024.10.06 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 3. 연산자

[쉽고 빠르게 배우는 자바스크립트] 3. 연산자

 

---

 

조건문은 자바스크립트에서 코드의 흐름을 제어하는 중요한 요소입니다. 조건문을 사용하면 특정 조건에 따라 코드의 실행 여부를 결정할 수 있습니다. 이번 글에서는 자바스크립트에서 사용되는 여러 가지 조건문과 그 활용법을 알아보겠습니다.

 

if 문

가장 기본적인 조건문은 if입니다. if 문은 주어진 조건이 true(참) 일 때만 코드 블록을 실행합니다.

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

 

예시)

let age = 20;

if (age >= 19) {
  console.log("성인입니다."); // age가 19 이상일 때 실행
}

 

위 코드는 age가 20으로 19 이상이기 때문에 "성인입니다."를 출력합니다.

 

if-else 문

if 문만으로는 조건이 참일 때만 코드를 실행할 수 있습니다. 조건이 false(거짓) 일 때 다른 코드를 실행하고 싶다면 else 블록을 사용하면 됩니다.

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

 

예시)

let age = 16;

if (age >= 19) {
  console.log("성인입니다."); // age가 19 이상일 때 실행
} else {
  console.log("미성년자입니다."); // age가 19 이상이 아닐 때 실행
}

 

위 코드는 age가 16으로 19 이상이 아니기 때문에 "미성년자입니다."를 출력합니다.

 

if-else 문은 이전 글에서 다뤘던 삼항 연산자로도 표현할 수 있습니다.

 

예시)

let age = 16;

console.log(age >= 19 ? "성인입니다." : "미성년자입니다.");

 

삼항 연산자는 코드가 짧을 때 가독성을 높이는 데 도움을 줍니다.

 

if-else 중첩문

여러 가지 조건을 검사하고자 할 때는 else if 블록을 추가할 수 있습니다. 이 방법으로 조건을 세분화하여 처리할 수 있습니다.

if (조건1) {
  // 조건1이 참일 때 실행될 코드
} else if (조건2) {
  // 조건2가 참일 때 실행될 코드
} else {
  // 위의 모든 조건이 거짓일 때 실행될 코드
}

 

예시)

let score = 85;

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

 

score가 85이기 때문에 "B 학점"이 출력됩니다.

 

switch 문

switch 문은 여러 값에 따라 실행할 코드를 선택해야 할 때 사용됩니다. 조건이 많아질수록 if-else 문보다 가독성이 좋아지는 장점이 있습니다.

 

switch (표현식) {
  case 값1:
    // 값1일 때 실행될 코드
    break;
  case 값2:
    // 값2일 때 실행될 코드
    break;
  default:
    // 모든 조건에 해당하지 않을 때 실행될 코드
}

 

예시)

let day = 3;

switch (day) {
  case 1:
    console.log("월요일");
    break;
  case 2:
    console.log("화요일");
    break;
  case 3:
    console.log("수요일");
    break;
  case 4:
    console.log("목요일");
    break;
  case 5:
    console.log("금요일");
    break;
  default:
    console.log("주말");
}

 

이 코드에서는 day가 3이므로 "수요일"이 출력됩니다.

 

조건문을 사용할 때 주의할 점

 

• 코드 가독성: 복잡한 조건문은 가독성을 떨어뜨릴 수 있습니다. 너무 많은 else if를 사용하기보다는 switch 문을 사용하거나, 함수로 분리하는 방법도 고려해야 합니다.
• 타입 강제 변환: 자바스크립트는 자동으로 타입을 변환하기 때문에 == 대신 === (일치 연산자)을 사용하는 것이 좋습니다. 예를 들어, 0 == false는 참이지만 0 === false는 거짓입니다. 이는 의도한 게 아니라면 예기치 않은 결과를 초래할 수 있으니 주의해야 합니다.