switch문은 자바스크립트에서 조건문을 쓰는 방법 중 하나다.
물론 if문이 가장 자주 사용되는 조건문이지만 switch문만의 장점이 있다.
switch문은 필요한 조건에 만족하는 경우 각각 다른 조건을 매칭하여 실행시킬 수 있다. 각각의 개별적인 조건들이 많아질 경우 if문이라면 모든 조건을 다 확인하지만 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 | switch |
---|---|---|
사용법 비교 | if(변수 or 값 === true){ 실행될 구문 } |
switch(변수 or 값){ case 값1 : 실행될 구문 break; } |
조건문 | 조건식을 if(변수===값) 경우 실행 | switch(변수)와 case 값이 일치할 경우 실행 |
실행할 코드 | if(ture){실행할 코드의 영역} | case 와 break 사이가 실행할 코드의 영역 break를 만나면 종료 |
차이 | > , < , = , != 등의 비교 연산자 사용 가능 | 조건식이 특정 값과 일치(===) 하는 경우에만 사용 |