[TIL] JavaScript - switch 문

Simple Key·2020년 6월 6일
0

switch

switch문은 자바스크립트에서 조건문을 쓰는 방법 중 하나다.
물론 if문이 가장 자주 사용되는 조건문이지만 switch문만의 장점이 있다.

switch문은 필요한 조건에 만족하는 경우 각각 다른 조건을 매칭하여 실행시킬 수 있다. 각각의 개별적인 조건들이 많아질 경우 if문이라면 모든 조건을 다 확인하지만 switch문은 조건에 해당하는 구문을 만나면 실행과 동시에 루프를 종료시킨다.



기본적인switch문의 형태

switch('참조 변수'){ case: 실행할 코드 }

case 뒤 값이 true일 경우 : 뒤 코드가 실행된다.


예제 코드

let example = 100;
//
swtich(example){
  case 1 : 
    console.log('1을 선택');
    break;
  case 10 :
    console.log('10을 선택');
    break;
  case 100 : 
    console.log('100을 선택');
    break;
  case 1000 : 
    console.log('1000을 선택');
    break;
  case 10000 :
    console.log('10000을 선택');
    break;
  default :
    console.log('선택하지 않음');
    break;
}

변수를 switch문에 넣으면 해당 변수의 값과 case 에 넣은 값이 맞을 경우 해당 case에 뒤에 쓰인 코드를 실행시킨다.

각 case 마다 break; 를 꼭 적어줘야 한다. break를 쓰지 않을 경우 계속해서 다음 case를 확인 읽어내려가 원치 않는 코드가 실행될 수 있다.

switch 마지막 case 아래에는 default : 를 작성해주는데, 모든 case중에 일치하는 값이 없을 경우 default : 에 쓰인 코드가 실행된다.


if 문과 차이점

💩 if switch
사용법 비교 if(변수 or 값 === true){
실행될 구문
}
switch(변수 or 값){
case 값1 :
실행될 구문
break;
}
조건문 조건식을 if(변수===값) 경우 실행 switch(변수)와 case 값이 일치할 경우 실행
실행할 코드 if(ture){실행할 코드의 영역} case 와 break 사이가 실행할 코드의 영역
break를 만나면 종료
차이 > , < , = , != 등의 비교 연산자 사용 가능 조건식이 특정 값과 일치(===) 하는 경우에만 사용
profile
프론트엔드 개발자 심기현 입니다.

0개의 댓글