복수의 if
조건문은 switch
문으로 바꿀 수 있습니다.
switch
문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해줍니다. 코드 자체가 비교 상황을 잘 설명한다는 장점도 있습니다.
switch
문은 하나 이상의 case
문으로 구성됩니다. 대개 default
문도 있지만, 이는 필수는 아닙니다.
예시:
switch(x) {
case 'value1': // if (x === 'value1')
...
[break]
case 'value2': // if (x === 'value2')
...
[break]
default:
...
[break]
}
x
의 값과 첫 번째 case
문의 값 'value1'
를 일치 비교한 후, 두 번째 case
문의 값 'value2'
와 비교합니다. 이런 과정은 계속 이어집니다.case
문에서 변수 x
의 값과 일치하는 값을 찾으면 해당 case
문의 아래의 코드가 실행됩니다. 이때, break
문을 만나거나 switch
문이 끝나면 코드의 실행은 멈춥니다.case
문이 없다면, default
문 아래의 코드가 실행됩니다(default
문이 있는 경우).코드가 같은 case
문은 한데 묶을 수 있습니다.
case 3
과 case 5
에서 실행하려는 코드가 같은 경우에 대한 예시를 살펴봅시다.
let a = 3;
switch (a) {
case 4:
alert('계산이 맞습니다!');
break;
*case 3: // (*) 두 case문을 묶음
case 5:
alert('계산이 틀립니다!');
alert("수학 수업을 다시 들어보는걸 권유 드립니다.");
break;*default:
alert('계산 결과가 이상하네요.');
}
자료형의 중요성
switch문은 일치 비교로 조건을 확인합니다. 비교하려는 값과 case
문의 값의 형과 값이 같아야 해당 case
문이 실행됩니다.
let arg = prompt("값을 입력해주세요.");
switch (arg) {
case '0':
case '1':
alert( '0이나 1을 입력하셨습니다.' );
break;
case '2':
alert( '2를 입력하셨습니다.' );
break;
case 3:
alert( '이 코드는 절대 실행되지 않습니다!' );
break;
default:
alert( '알 수 없는 값을 입력하셨습니다.' );
}
0
이나 1
을 입력한 경우엔 첫 번째 alert
문이 실행됩니다.2
를 입력한 경우엔 두 번째 alert
문이 실행됩니다.3
을 입력하였더라도 세 번째 alert
문은 실행되지 않습니다. 앞서 배운 바와 같이 prompt
함수는 사용자가 입력 필드에 기재한 값을 문자열로 변환해 반환하기 때문에 숫자 3
을 입력하더라도 prompt
함수는 문자열 '3'
을 반환합니다. 그런데 세 번째 case
문에선 사용자가 입력한 값과 숫자형 3을 비교하므로, 형 자체가 다르기 때문에 case 3
아래의 코드는 절대 실행되지 않습니다. 대신 default
문이 실행됩니다.