if문 / switch문 - 자바스크립트 조건문

📝정리

1. if문

if의 뜻 '만약에~'를 이용한 조건문이라고 보면 편하다.

'만약, 설정한 조건문을 만족하면 코드를 실행하는 형태'로 이루어져 있기 때문이다. if문의 형식은 아래와 같다.

// if문 선언 방법
if (조건) {
  // 조건을 만족할 경우 실행할 코드를 작성
}

// 예시
let number = 0;

if (number < 10) {
  console.log("10보다 작습니다."); // number가 10보다 작다는 조건을 만족하기 때문에 코드 실행
}

 

 

만약 if문의 조건을 만족하지 않을 경우에도 코드를 실행하고 싶을 경우엔 어떻게 해야할까?

else 키워드를 사용하면 된다. else는 조건문을 만족하지 않을 경우 실행할 코드를 작성할 수 있게 해주는 키워드라고 보면 된다.

let number = 11;

if (number < 10) { // number는 11보다 크므로 조건을 만족하지 않음
  console.log("10보다 작습니다."); // 실행되지 않는다.
} else {
  console.log("10보다 크거나 같습니다."); // 조건문을 만족하지 않을 경우에 실행되므로 해당 코드가 실행된다.
}
// '10보다 크거나 같습니다.' 출력

 

 

조건이 여러개일 경우엔 else if를 사용하면 된다. else의 경우 조건이 2가지로 딱 나누어지거나 여러 개의 조건이 있을 때, 마지막 조건에 작성하는 키워드이다. 처음 조건문과 마지막 else 사이에 다른 조건문을 넣고싶다면 else if를 사용하면 된다.

if (조건1) {
  // 조건1을 만족할 경우 실행할 코드
} else if (조건2) {
  // 조건2을 만족할 경우 실행할 코드
} else {
  // 조건1과 조건2를 모두 만족하지 않았을 경우 실행할 코드를 작성
}

let number = 10;

if (number < 10) {
  console.log("10보다 작습니다.");
} else if (number === 10) {
  console.log("10과 같습니다.");
} else {
  console.log("10보다 큽니다.");
}
// 조건2를 만족하므로 "10과 같습니다." 출력

 

---

 

2. switch문

if문과 마찬가지로 여러 개의 조건 중 만족하는 조건의 코드를 실행한다.

if문과 다른 점은 해당 조건을 만족하는 코드가 실행이 됬다면, break 키워드를 통해 조건문을 빠져나올 수 있도록 해야한다.

만약 조건을 만족하는 case가 없다면 default를 통해 기본 값을 설정할 수 있다.

switch (조건이 될 변수) {
  case "조건1":
    // 조건1이 만족할 경우 실행할 코드;
    break; // 조건문을 빠져나오는 키워드
  case "조건2":
    // 조건1이 만족할 경우 실행할 코드;
    break;
  default: 
    // 조건을 모두 만족하지 않을 경우 기본 값 설정
    break;
}


let englishDay = "monday";
let koreanDay;

switch (englishDay) {
  case "monday":
    koreanDay = "월요일";
    break;
  case "tuesday":
    koreanDay = "화요일";
    break;
  case "wednesday":
    koreanDay = "수요일";
    break;
  case "thursnday":
    koreanDay = "목요일";
    break;
  case "friday":
    koreanDay = "금요일";
    break;
  default:
    koreanDay = "주말";
    break;
}
console.log(koreanDay); // 월요일 출력