[Javascript] if 조건문

0.목차

1. if

2. else

3. else if

 

자바스크립트의 기본 문법중 if 조건 문에 대해 알아보자.

기본 적으로 생긴 모양을 보면

 

if(){};

요렇게 생겼다.

물론 아직은 생기다 말았다.

 

비어있는 괄호안에 들어가는 내용들은

코드가 실행될 조건과,

조건이 true를 반환할때 실행되는 코드다.

 

if(조건){
위의 조건이 true 일때 실행될 코드
};

 

이렇게만 보면 애매한데

예제를 보면 좀더 이해가 쉽다.

 

let eat = true;

if (eat) {
  console.log('배불러');
}
// 배불러

위의 조건으로 들어간 변수 eat은 true 이므로

배불러가 출력된다.

 

let eat = false;

if (eat) {
  console.log('배불러');
}

 

이 예제에선 eat의 값이 false 이기 때문에

아래의 코드가 실행되지 않았다.

 

2. else

if 의 단짝은 else 다.

else 를 사용하는 경우의 기본 구조는

if (조건) {
  조건이 true 일때 실행 될 코드
} else {
 조건이 false 일때 실행될 코드
}

 

else 는 if 의 조건문이 fase 일때도 코드가 실행되게 해주는 아이다.

 

let eat = false;

if (eat) {
  console.log('배불러');
} else {
  console.log('배고파');
}
// 배고파

 

조건문에 들어간 eat에 할당된 값이 false 라서

else 의 코드가 실행 되었다.

 

3. else if

else if 는 조건이 false를 반환 할때,

또 다른 조건을 확인한다.

let num = 2;

if (num === 1) {
  console.log('num은 1 입니다.');
} else if (num === 2) {
  console.log('num은 2 입니다.');
}
// num은 2 입니다.

 

if 의 조건은 false 를 반환하지만

else if 의 조건은 true를 반환 하기에,

아래의 코드가 실행되는걸 확인 할 수 있다.

 

그리고 else if 와 else 를 동시에도 쓸 수 있다.

 

let num = 3;

if (num === 1) {
  console.log('num은 1 입니다.');
} else if (num === 2) {
  console.log('num은 2 입니다.');
} else {
  console.log('num은 1도 아니고 2도 아닙니다.');
}
// num은 1도 아니고 2도 아닙니다.