If...Else 문에 대한 간단한 살펴보기

특정 조건에서만 코드를 실행하는 몇 가지 명령문을 만들고 싶었던 적이 있습니까? 그렇다면 조건문이 정확히 필요한 것입니다. 이제 조건문이 정확히 무엇인지 궁금할 것입니다. 조건문은 주어진 조건이 true로 확인되는 경우에만 해당 코드 블록의 모든 코드를 실행하는 문입니다.

JavaScript에는 if...else와 switch라는 두 가지 조건문만 있습니다. 하지만 전자에 대해서만 설명하겠습니다.

기본 구조:

if(condition){
  code block
} else {
  code block
}

위에 표시된 것처럼 이러한 문은 코드 블록을 실행하고 조건이 true로 확인되는 경우에만 체인을 종료하는 if 문으로 시작합니다. 그러나 해당 조건이 false로 확인되면 else 문 아래의 코드 블록이 실행됩니다.

let sky = "falling";

if (sky === "cloudy"){
    console.log("I'm so sad");
} else {
    console.log("What just hit me?");
}

//하늘은 "흐림"이 아니므로 if 문을 건너뛰고 "What just hit me?"대신 콘솔에 인쇄됩니다.
//그러나 하늘이 "흐림"과 같으면 "I'm so sad"가 콘솔에 출력되고 그 이후에는 아무것도 읽히지 않습니다.

여러 if 문을 함께 사용할 수 있는지, 어떻게 작동하는지 궁금하실 수 있으므로 바로 설명하겠습니다. else if 문을 활용하여 여러 조건문을 함께 실행할 수 있습니다. Else if 문은 else 문(이전의 모든 문이 false로 확인되는 경우에만 읽음)과 if 문(코드 블록을 실행하기 위해 true로 확인되어야 하는 조건이 있음)의 속성을 가지며 시작 if 문 뒤와 앞에 위치합니다. 존재하는 경우 최종 else 문. 하나의 체인에서 실행할 수 있는 항목 수에는 제한이 없습니다.

let pie = 'blueberry';
if (pie === 'pickle'){ 
  console.log('Whose idea was this?');
} else if (pie === 'apple cinnamon'){
  console.log('Great choice!');
} else if (pie === 'pumpkin'){
  console.log('Perfect for the season');
} else if (pie === 'blueberry'){
  console.log('My favorite!');
} else if (pie === 'blackberry'){
  console.log('I wonder how it tastes');
}

//첫 번째와 두 번째 명령문은 false로 확인되어 건너뛰고, 세 번째 명령문은 true로 확인되고 'My favorite!' 콘솔에 인쇄되고 마지막 명령문은 읽히지 않습니다.

위의 예는 else 키워드로 연결된 체인이지만 else로 연결하지 않고 여러 if 문을 사용하면 어떻게 될까요?

let num = 1;

if (num === 0){
  console.log('Nothing')
}  
if (num === 1){
  console.log('Better than nothing')
}  
if (num < 25){
  console.log('Good work')
}  
if (num < 50){
  console.log('Great job')
} 

//첫 번째 조건은 false로 확인되어 코드가 실행되지 않지만 나머지 3개 조건은 true로 확인되고 실행됩니다. true로 해결됩니다.
//'Better than nothing', 'Good work', 'Great job'이 모두 콘솔에 출력됩니다.
//그러나 이러한 명령문이 연결된 경우 true로 확인되는 첫 번째 명령문만 실행됩니다.

if...else 문에 대한 이 빠른 요약이 코드 흐름을 제어하는 ​​데 필요한 모든 것을 제공했기를 바랍니다.