[JavaScript] 조건문 If문 Switch/Case문

- 지난 시간

안녕하세요. 지난 시간에는 JavaScript 자료형, 변수, 상수에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다.

 

[JavaScript] 자료형, 변수, 상수 개념 및 사용법

[JavaScript] 자료형, 변수, 상수 개념 및 사용법

- 개요

이번 시간에는 조건문과 연산자에 대해 알아보겠습니다.

 

JavaScript는 다른 언어와 동일하게 If문과 Switch/Case 사용법은 동일합니다. 

 

조건문이란 특정 조건의 참과 거짓을 판단할 때 사용됩니다. 해당 조건이 맞다면 true이기 때문에 해당 조건 안에 있는 코드가 실행됩니다.

 

예시를 통해 바로 알아보겠습니다.

 

- If문

//금액을 1000원으로 설정
const money = 1000

//money 값이 2000 이라면 if문 실행
if (money == 2000) {
  console.log("if 돈은 " + money)
}
//money 값이 1500 이라면 if문 실행
else if (money == 1500) {
  console.log("else if 돈은 " + money)
}
//위 if & else if가 참이 아니라면 실행
else {
  console.log("else 돈은 " + money)
}

/**
 * - 실행 결과 -
 * else 돈은 1000
 */

If 조건문에는 if & else if & else 구문이 있습니다.

 

조건은 소괄호() 안에 넣으면 됩니다. 위 예시처럼 if(조건) else if(조건) 이런 식으로 조건을 넣으면 됩니다.

else문은  if & else if 가 참이 아니라면 실행됩니다.

 

코드를 실행하면 if 문과 else if 문에 조건이 맞지 않기 때문에 else문이 실행됩니다.

 

- Switch/Case 문 사용법

switch/case 문은 if 문과 비슷하지만 둘을 사용하면 조금 다르다는 걸 느낄 수 있습니다

//금액을 1000원으로 설정
const money = 1000

switch (money) {
  //money 값이 3000 이라면 실
  case 3000:
    console.log("돈은 : " + money)
    break
  //money 값이 2000 이라면 실행
  case 2000:
    console.log("돈은 : " + money)
    break
  //money 값이 1000 이라면 실행
  case 1000:
    console.log("돈은 : " + money)
    break
  //case 문에 아무것도 맞지 않는다면 실행
  default:
    console.log("돈은 : " + money)
    break
}

/**
 * - 실행 결과 -
 * 돈은 : 1000
 */

switch/case 문은 if문보다는 정형화되어 있는 경우에 좀 어울리는 것 같다.

 

그리고 주의해야 하는 부분은 break; 코드를 빼먹게 되면... 해당 case문이 아닌 다른 case문도 실행된다.

 

//금액을 1000원으로 설정
const money = 1000

switch (money) {
  //money 값이 3000 이라면 실
  case 3000:
    console.log("돈은 : " + money)
    break
  //money 값이 2000 이라면 실행
  case 2000:
    console.log("돈은 : " + money)
    break
  //money 값이 1000 이라면 실행
  case 1000:
    console.log("돈은 : " + money)
  //case 문에 아무것도 맞지 않는다면 실행
  default:
    console.log("default 돈은 : " + money)
    break
}

/**
 * - 실행 결과 -
 * 돈은 : 1000
 * default 돈은 : 1000
 */

1000  case 구문에 break을 제거 했습니다. 콘솔 로그가 두 번 발생한 걸 알 수 있습니다.

 

즉, break; 코드는 해당 조건이 참이면 switch 문인 중괄호{}를 빠져나가게 됩니다

 

이번 시간에는 JavaScript 조건문에 대해 알아봤습니다. 꼭 학습 하시는 걸 추천드리겠습니다. :)