본문 바로가기
Front-End/javascript

[Javascript 기초] 조건문 if문, switch문

by 김기. 2023. 5. 3.

조건문 특정 조건을 걸어 해당 조건의 참, 거짓 유무에 따라 결과에 맞는 코드를 실행시켜 주는 역할을 합니다.

조건문으로는 if 문과 switch 문이 대표적입니다.


1. if 문

조건식이 참인 경우 if문과 else if문을 실행시킵니다.
if문과 else if문의 조건식이 모두 해당하지 않는 경우 else를 실행합니다.

else if문은 계속해서 사용이 가능합니다.

//문법
if(조건식1){
  // 조건식1이 참이면 해당 코드 블록을 실행,
  // 거짓이면 해당 코드 블록을 무시하고 다음 조건식으로 넘어감
} else if(조건식2){
  // 조건식2가 참이면 해당 코드 블록을 실행,
  // 거짓이면 해당 코드 블록을 무시하고 다음 조건식으로 넘어감
} else {
  // 위의 모든 조건식이 거짓이면 이곳의 코드를 실행하고 종료
}
function plus(num1, num2){
  if(num1 === undefined || num2 === undefined){
    console.error("두 개의 인수값을 모두 넣어주세요.");
  } else if(typeof num1 !== "number" || typeof num2 !== "number"){
    console.error("두 개의 인수값을 모두 숫자로 넣어주세요.");
  } else{
    const result = num1+num2
    console.log(result);
  }
}

plus(2); // 두 개의 인수값을 모두 넣어주세요.
plus(2,"3"); // 두 개의 인수값을 모두 숫자로 넣어주세요.
plus(2,3); // 5

 

2. switch문

switch문은 switch()의 값이 case값과 일치하면 동작을 수행하며,

여러 개의 코드 블록 중에서 하나를 선택해야 될 때 사용하게 됩니다.


하나 이상의 case문으로 구성하며 case문과 switch()의 값이 일치하면 case문 아래의 코드를 실행합니다.

값과 일치하는 case문이 없다면 default문을 실행하게 되고, switch문이 끝나거나 break문을 만난다면

코드 실행을 종료합니다.

default문은 break를 사용할 필요가 없으며, 필수로 적지 않아도 됩니다.

switch(표현식){
  case A:
    //실행할 코드 블록
    break;
  case B:
    //실행할 코드 블록
    break;
  default:
    //실행할 코드 블록
}
switch(new Date().getDay()){
  case 0:
    console.log("Sunday"); // 오늘이 일요일이라면 Sunday 출력
    break;
  case 1:
    console.log("Monday"); // 오늘이 월요일이라면 Monday 출력
    break;
  case 2:
    console.log("Tuesday"); // 오늘이 화요일이라면 Tuesday 출력
    break;
  case 3:
    console.log("Wednesday"); // 오늘이 수요일이라면 Wednesday 출력
    break;
  case 4:
    console.log("Thursday"); // 오늘이 목요일이라면 Thursday 출력
    break;
  case 5:
    console.log("Friday"); // 오늘이 금요일이라면 Friday 출력
    break;
  case 6:
    console.log("Saturday"); // 오늘이 토요일이라면 Saturday 출력
    break;
}

댓글