조건문이란?
어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한 부분만 계속해서 반복하려면 조건문이나 반복문을 사용해야 합니다.
조건문은 명령을 실행하기 위해 조건을 체크하는 문으로, 앞에서 공부한 논릿값, 비교 연산자 등이 중요하게 사용됩니다.
1. if 문
if 문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결과값이 true이면 if 문에 있는 명령들을, false이면 if 문에 있는 명령은 건너뛰고 그 다음 명령을 실행합니다.
if 문이란, if 예약어의 다음에 오는 중괄호({ })로 묶은 명령을 가리킵니다.
만약 조건에 숫자 연산식을 사용했을 경우 결과값이 0이면 false로, 0 이외의 값이면 true로 인식합니다.
기본형
| if (조건) { 조건이 true 일 때 실행할 명령(들) } |
2. if...else 문
조건을 체크한 후 true일 때 처리할 명령과 false일 때 처리할 명령이 따로 있다면 if 문과 else 문을 사용합니다. 또한 if...else 문 안에 또 다른 if 문이나 if...else 문을 사용할 수도 있습니다.
기본형
| if (조건) { 조건이 true 일 때 실행할 명령(들) } else { 조건이 false 일 때 실행할 명령(들) } |
또는
| if (조건) { 조건이 true 일 때 실행할 명령(들) } else { 조건이 false 일 때 실행할 명령(들) } |
1개의 값을 여러 조건으로 체크해야 할 때는 if 문과 else if 문을 사용하고, 앞에서 제시한 어떤 조건에도 맞지 않을 경우를 고려해 마지막에 else 문을 사용할 수도 있습니다. 이 때 마지막의 else는 필수가 아니라 선택사항입니다.
3. 조건 연산자(삼항 연산자)
조건이 복잡하지 않고 true와 false가 명확할 경우 if 문을 사용하지 않고 조건 연산자만으로 조건을 체크할 수도 있습니다. 조건 연산자 ?와 :을 사용해서 조건과 실행할 명령을 지정하는데, 소스 코드를 간결하게 만들어 주므로 조건을 체크할 때 매우 유용합니다.
기본형
| (조건) ? true 일 때 실행할 명령 : false일 때 실행할 명령 |
Example
|
const num = 100;
if(num == 100){
document.write("true");
} else {
document.write("false");
}
// 조건 연산자로 작성하면 아래처럼 간단하게 한 줄로 표현할 수 있습니다. (num == 100) ? document.write("true") : document.write("false");
|
4. switch 문
switch(값) 의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다. switch 문은 if 문과 다르게 특정조건에 만족 했을 때 블록 { } 을 스스로 빠져나가지 못합니다.
이 때문에 break 명령어를 주어 switch case 문의 블록 { } 을 빠져 나가도록 합니다.
default는 switch의 값과 일치하는 값이 없을 때 실행합니다.
switch (변수) {
case 값1:
// 변수가 값1과 일치할 경우 실행되는 코드
break;
case 값2:
// 변수가 값2와 일치할 경우 실행되는 코드
break;
default:
// 변수가 값1과 값2 어느 것과도 일치하지 않을 경우 실행되는 코드
break;
}