JavaScript 입문 : if ~ else 문, else if 문, 중첩 if 문

본 내용은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

 

▒ if ~ else 문

 

조건문의 기본은 if (조건) { 조건에 따른 동작} 이었습니다. 조건이 참이면 조건에 따른 동작이 작동하게 되고 거짓이면 작동하지 않는 기본원리 였습니다. 

 

그렇다면 

조건이 참일때 A를 나타내고 싶고 그렇지 않은경우 B를 나타내는 조건문을 만들고자 할 때 사용할 수 있는 조건문은 if ~ else문을 사용합니다. 

 

if (조건) {
   A

} else {

   B

}

 

의 구조를 가지고 있습니다. 

 

Q) 참일경우 수학을 거짓일 경우 영어를 콘솔에 출력하기 

 

다음과 같이 참과 거짓을 구분해 주면 되겠습니다. 

 

---

 

▒ else if 문

 

조건이 여러개 나올 수 있습니다. 

 

즉, if 다음에 조건이 나오지만 다른 조건을 같이 언급하고 싶을때 else if를 다음과 같이 사용합니다. 

 

 if (A 조건) {

A값

} else if (B 조건){

B값

}

else {

C값

}

 

다시 설명하면 A의 조건일 경우 A값을 출력하고 B의 조건일 경우 B값을 출력하며 A.와 B의 조건이 아닌 경우 C값을 출력하는 조건문의 구조입니다. 

 

 

Q) 조건문을 사용하여 점수 따라 수, 우, 미, 양, 가를 나타내는 프로그램을 만들어 보기 

 

이제 조금씩 프로그램의 개념을 잡아가는 과정이네요. 우선 수우미양가는 점수대별 조건을 정해줘야 할겁니다. 그리고 정해진 수를 사용하기 위해서 const를 사용해 보도록 하겠습니다. 그리고 실질적으로 let으로 사용해도 되는지 확인해 볼 생각입니다. 

 

기본적으로 각 점수대별 영역은 다음과 같이 나울 수 있습니다. 

 

수 : 90점이상

우 : 80에서 89

미: 70에서 79

양: 60에서 69

가: 59이하

 

 

let으로 해도 변함이 없을 것 같긴 합니다. 

 

 

let으로 해야할 지 const로 해야할 지 고민이 됩니다만 프로그램만을 위한 개념이면 let을 점수가 변하지 않는다는 조건으로 하면 const 를 사용하는게 아닐까 합니다. 

좀 더 공부해 보면 알 것 같습니다. 

 

---

 

▒ 중첩 if 문

 

중첩 if 문은 if문안에 또 if문이 존재하는 개념입니다. if문의 구조를 이해 했으면 중첩 if문을 이해하기는 정말 쉽습니다. 나중을 위해서라도 이해하기 쉬운 도표로 만들어 볼 필요성이 느껴졌습니다. 다음과 같이 이해하면 될 것 같습니다. 

 

 1. 기본 if 문

 

 

기본 if문은 조건이 true이면 조건에 따른 동착값이 출력이 되며 false일 경우 출력이 되지 않습니다. 

 

 

2. if ~ else 문

 

 

if 가 참이면 if에 대한 동작을 참이 아니면 else 다음에 나오는 동작을 하게 됩니다. 

 

3. 중첩 if 문

 

말 그대로 if 문 안에 if문이 존재하는 겁니다. 

 

 

 

이론적으로는 쉽습니다만 다음 시간에 예제를 가지고 진행하도록 하겠습니다.