5-1. 조건문

조건문은 주어진 특정 조건이 충족되는 때에 따라 코드의 실행을 결정한다. 결괏값으로 true와 false 값으로 출력될 수 있는 식이다.

5-1-1. if, if else 문

if 문과 if else 문은 코드 블록( { } 괄호로 묶은 영역 ) 안의 조건을 확인하여, Truthy 값이면 if 명령문 다음에 오는 실행 명령을 처리하고, Falsy 값이면 else 문 다음에 오는 실행 명령을 처리한다.

// if 문
if (조건식) {
		// 조건식이 참(truthy)일 때 실행할 코드
}
// (false일 때는 아무것도 실행하지 않는다)

// if else 문
if (조건식) {
		// 조건식이 참(truthy)일 때 실행할 코드
} else {
		// 조건식이 거짓(falsy)일 때 실행할 코드
}

// if else 중복 사용문
if (조건식 1) {
		// 조건식 1이 참(truthy)일 때 실행할 코드
} else if (조건식 2) {
		// 조건식 2가 참(truthy)일 때 실행할 코드
} else {
		// 조건식 1, 2가 모두 거짓(falsy)일 때 실행할 코드
}

<aside> 📌 else if와 else는 옵션 사항으로 조건의 필요에 따라 사용하거나, 사용하지 않아도 된다. if와 else는 한 번만 사용해야 하며, else if는 중복으로 다양하게 사용이 가능하다.

</aside>

if else 문에 예시를 적용하여 살펴보기.

let num = 5;
if (num < 10) {
		console.log('num은 10보다 작은 수입니다');
} else {
    console.log('num은 10보다 큰 수입니다.');
}

// 조건식 num < 10이 참이기 때문에, 콘솔 창에 'num은 10보다 작은 수입니다'가 출력된다.

if else 문과 else if 문 모두를 적용하여 살펴보기.

let x = 10;
let y = 20;
let z = 30;

if ( x > z ) {
		console.log('x는 셋 중 가장 큰 수이다.');
} else if ( y > z ) {
		console.log('y는 셋 중 두 번째로 큰 수이다.');
} else {
		console.log('z는 셋 중 가장 큰 수이다.');
}
		
// z는 셋 중 가장 큰 수이다.

if else 문만 적용하여 살펴보기.

let x = 2;

if(x % 2) {
		console.log('x는 홀수이다.');
} else {
		console.log('x는 짝수이다.');
}

// x는 짝수이다.

위에 조건과 같은 값을 삼항 조건 연산자를 사용하여 살펴보기.

// 예제1
let x = 2;
let result = x % 2 ? '홀수' : '짝수';
console.log(result); // 짝수

// 예제2
let x = 2;
let pos = x ? ( x > 0 ? '양수' : '음수') : '0';
console.log(pos); // 양수