조건문(1) - if문

가장 대표적인 조건문(Conditional Statements)은 if문이다. 

 

쉽게 말해 '초록불이면 직진, 빨간불이면 정지'라는 조건을 만들 수 있는 것이다. 

조건문은 보통 논리연산자와 비교 연산자를 사용한다. (다른 글을 통해 설명할 예정이다)

 

if문은 크게 if문, else문, else if문으로 나뉜다. 

 

if문

if (true) {
	console.log('해당 메세지가 출력됩니다.');
}
// output: 해당 메세지가 출력됩니다.

if ( 조건 ) {
   조건이 참일 경우 실행할 내용
}
- 조건이 참일 때 if문이 실행된다. 
- 조건에 바로 Boolean을 넣을 수도 있고, 혹은 아래처럼 비교연산자를 사용할 수도 있다. 

var a = 5;

if ( a === 5 ) {
	console.log('참');
}
// output: 참

 

else문

if (false) {
	console.log('해당 구문은 실행이 안됩니다.');
else {
	console.log('해당 구문이 실행됩니다.');
}

if ( 조건 ) {
   조건이 참일 경우 실행할 내용
} else {
   조건이 거짓일 경우 실행할 내용
}
- if의 조건이 false이므로, else의 내용이 실행된다. 

var a = 10;
var b = 20;

if ( a > b ) {
	console.log('a는 b보다 크다');
} else {
	console.log('a는 b보다 작다');
}
// output: a는 b보다 작다

조건: 1) a가 b보다 큰 것이 참일 경우, 'a는 b보다 크다'를 출력
       2) a가 b보다 큰 것이 거짓일 경우, 'a는 b보다 작다'를 출력
따라서, a > b는 거짓이기에 'a는 b보다 작다'가 출력된다. 

 

else if문

var signal = '빨강';

if ( signal === '초록' ) {
	console.log('직진하세요');
} else if (signal === '빨강') {
	console.log('정지하세요');
}
// output: 정지하세요

1. 현재 signal은 '빨강'이다. 
2. if문으로 signal이 초록일 경우 '직진하세요'를, signal이 초록이 아닐 경우 '정지하세요'라는 else if문을 실행했다.
- signal은 '빨강'으로 초록이 아니기 때문에 '정지하세요'를 출력한다. 

else문과 else if문의 가장 큰 차이는, else는 if 조건이 거짓일 경우지만, else if는 새로운 조건을 추가할 수 있다. 

else if는 여러 조건을 중첩하여 사용할 수 있으며, 마지막에 else문으로 위의 조건에 해당되지 않았을 경우를 지정할 수 있다. 

if ( signal === '초록' ) {
	console.log('직진하세요');
} else if (signal === '빨강') {
	console.log('정지하세요');
} else if (signal === '노랑') {
	console.log('서행하세요');
} else {
	console.log('없는 신호입니다');
}

1. signal이 초록일 경우 '직진하세요'
2. signal이 빨강일 경우 '정지하세요'
3. signal이 노랑일 경우 '서행하세요'
4. signal이 초록, 빨강, 노랑이 아니라면 '없는 신호입니다'를 출력한다.