조건문

조건에 따라 다른 코드를 실행합니다

지금까지는 적어 둔 코드가 위에서 아래로 모두 실행되었습니다. if 를 사용하면 조건이 참일 때만 실행되는 코드를 둘 수 있습니다.

if (조건) {
	조건이 참일 때 실행할 코드
} else {
	그렇지 않을 때 실행할 코드
}

괄호 안에 앞 단원에서 배운 비교를 적습니다. 중괄호 안이 실행할 코드입니다.

점수를 학점으로

조건이 셋 이상이면 else if 를 사이에 둡니다. 위에서 부터 차례로 확인하고, 처음 참이 되는 것 하나만 실행합니다.

const score = 84;

if (score >= 90) {
	console.log("A");
} else if (score >= 80) {
	console.log("B");
} else if (score >= 70) {
	console.log("C");
} else {
	console.log("F");
}

score 값을 바꿔 실행해 보세요. 95 는 A, 60 은 F 가 나옵니다.

차례가 중요합니다

위의 조건을 거꾸로 적으면 결과가 달라집니다. 84 는 score >= 70 도 참이므로, 그것이 먼저 있으면 C 가 나옵니다.

const score = 84;

if (score >= 70) {
	console.log("C");
} else if (score >= 80) {
	console.log("B");
}

범위를 나눌 때는 좁은 조건부터 적습니다.

else 없이 쓰기

참일 때만 할 일이 있고 아닐 때는 아무것도 하지 않는다면 else 를 적지 않아도 됩니다.

const stock = 0;

if (stock === 0) {
	console.log("품절입니다");
}

console.log("확인이 끝났습니다");

중괄호 밖의 코드는 조건과 상관없이 실행됩니다.

조건 안에서 값을 그대로 확인하기

앞 단원에서 본 것처럼, 참·거짓이 아닌 값도 조건 자리에 놓을 수 있습니다. 빈 글자와 0 은 거짓입니다.

const name = "";

if (name) {
	console.log(`안녕하세요, ${name}님`);
} else {
	console.log("이름을 입력해 주세요");
}

처음에 자주 걸리는 것

if (stock === 0)
    console.log("품절입니다");
    console.log("이 줄은 조건과 무관하게 실행됩니다");

직접 해보기

이 단원의 정리