Comment on page
📗
Conditional Statements
자바스크립트에서 우리는 어떤 조건에 의해 코드의 실행을 제어할 수 있습니다. 우선 아래의 예제를 볼까요?
if (false) {
console.log("Hello, World!");
}
위 코드를 실행하게 되면, 콘솔에 아무런 메시지도 나타나지 않습니다.
if 구문이 주어진 조건에 의해 중괄호({}) 내부 코드의 실행을 제어한 것입니다. 만약 위 코드의 조건이 false가 아니라 true였다면, 중괄호 내부 코드가 실행되었을 것입니다.위와 같이 우리는 어떤 조건에 의해 코드의 실행을 제어하고 싶을때
if 구문을 사용할 수 있습니다.if (/* 조건 */) {
// 실행문
}
if라는 영어 단어가 뜻하듯 " 만약에 A라면 B를 해주세요."라고 컴퓨터에게 명령을 내릴 수 있는 것입니다.조금 더 생각을 해본다면, 아래와 같은 표현을 하고 싶을 수도 있습니다.
"만약에 A라면 B를 해주세요. 그런데 만약에 C라면 D를 해주세요. 아니면 그냥 E를 해주세요."
위와 같은 표현은 아래처럼 작성할 수 있습니다.
// 아래의 코드에서 A와 C라는 것은 정의되지 않았기 때문에, 정상적으로 실행되지 않습니다. 비유적으로 A와 C의 존재가 있는 상황을 가정하여 작성한 것입니다.
if (A) {
// B..
} else if (C) {
// D..
} else {
// E..
}
if 구문은 여러분이 원하는 대로 중첩시켜서 사용하실 수 있습니다.var something = true;
var moreSomething = true;
if (something) {
console.log("I am inside something");
if (moreSomething) {
console.log("I am inside moreSomething");
} else {
console.log("I never gets called.");
}
} else {
console.log("I never gets called either.");
}
만약
if..else 구문을 이용하여 아래와 같은 코드를 작성했다고 생각해보세요.if (A) {
// one..
} else if (B) {
// two..
} else if (C) {
// three..
} else if (D) {
// four..
} else if (E) {
// five..
} else {
// six..
}
위의
if..else if에서 보면, 6가지 조건이 있습니다. A ~ E 그리고 else가 있습니다.유의하실 점은 항상 저 조건들 중, 단 한 가지의 조건부 코드만 실행된다는 것입니다. 설사 A와 C가 모두 참이라 해도, A 조건에 해당하는 코드만 실행되고 C 조건에 해당하는 코드는 실행되지 않습니다. 이것은
else if라는 구문 때문입니다. else라는 단어는 "아니면~"이라는 뜻이기 때문입니다.JavaScript
// #1. 무엇이 출력될까요?
if (true) {
console.log(1);
} else if (true) {
console.log(2);
} else {
console.log(3);
}
// #2. 무엇이 출력될까요?
if ("") {
console.log(1);
} else if ("a") {
console.log(2);
} else {
console.log(3);
}
// #3. 무엇이 출력될까요?
if (null) {
console.log(1);
} else if (5) {
console.log(2);
} else {
console.log(3);
}
Truthy 값이 조건으로 주어질 경우, 해당 조건문이 실행되고 그렇지 않을 경우 다음 조건으로 넘어갑니다.
Last modified 1yr ago