JavaScript 자바스크립트 switch 조건문와 if else if 차이점

자바스크립트에서 switch 와 if else if 만 잘써도 문서 깔끔해 질 수 있어요

 

javascript if else = 조건문

if 조건에 해당하는 경우 자바스크립트 코드 블록이 실행되도록.

if (new Date().getHours() > 21) {
 
  alert("잘자요!");  
 
}

위 코드처럼 if ( 조건 ) 이 참 true 면 { 내용 실행 }

지금 시간이 21시 보다 크면 alert("잘자요!")

 

그럼 21시 보다 작거나 같을 때는??

if 조건이 거짓 인 경우 else 코드 블록이 실행되도록.

if (new Date().getHours() > 21) {
  
  alert("잘자요!");  
  
}else{

  alert("힘내요!")
  
}

자 여기에 조건이 많이 지면 어떻게 될까요??

지금 시간 == 8시 { "일어나요" }

지금 시간 == 12시 { "점심시간" }

지금 시간 == 18시 { "퇴근시간" }

지금 시간 == 22시 { "잠잘시간" }

var time = new Date().getHours();
if (time == 8) {

  alert("일어나요");  
  
} else if (time == 12){

  alert("점심시간")
  
} else if (time == 18){

  alert("퇴근시간")
  
} else if (time == 22){

  alert("잠잘시간")
  
}

• if를 사용하여 지정된 조건에 해당하면 코드 블록을 실행
• else를 사용하여 if 같은 조건이 거짓 인 경우  else 코드 블록을 실행
• 사용은 else if첫 번째 조건이 false 인 경우, 새로운 조건을 지정

 

if else if 단점은 조건을 다확인 한다는 거에요.. 

코드가 길어지면 길어질 수록 연산 해야 할게 많아 지는거지요~~ 

위와 같은 조건이 있다면~~

 

javascript switch = 선택문 사용하세요

다양한 조건 중 선택된 조건 실행

var time = new Date().getHours();
switch(time) {
  case 8:
    alert("일어나요");  
    break;
  case 12:
    alert("점심시간")
    break;
  case 12:
    alert("퇴근시간")
    break;
  case 22:
    alert("잠잘시간")
    break;
  default:
    // 알람없음
}

• switch 식을 한 번 평가됩니다.
• 식의 값이 각각의 경우의 값과 비교된다.
• 일치가있는 경우, 코드의 관련 블록이 실행됩니다.

switch 문에 break 문의 역할은 선택 블록을 실행하다 break를 만나면 switch 문을 벗어납니다. 

만약 break 문이 없다면 다음 case를 블록을 실행하게 되는것이 지요

 

 

조건문과 선택문 상황에 맞게 사용하세요~~