[JavaScript] if 조건문 / 2021.10.11

1. if 조건문

자바스크립트에서 가장 일반적인 조건문은 if 조건문이다. 불 표현식의 값이 true이면 중괄호 안의 문장을 실행하고 false이면 실행하지 않는다.

if(불 표현식){
    불 표현식이 true면 실행
}

 

예제를 통해서 알아보자.

 

(1) 

 

 

위 코드에서 불 표현식 이 true이면 if안의 문장을 출력하고 종료를 출력할 것이며 

false라면 if안의 문장을 출력하지 않고 종료만 출력할 것이다.

 

위 불 표현식은 true 이기 때문에 문장 2개를 다 출력한다.

 

 

(2) 현재 시각에 따라 오전과 오후를 구분하는 코드

현재 시각을 구하는 방법은 아래와 같다.

 

 

* getMonth() : 자바스크립트에서는 월을 0부터 11로 세기 때문에 무조건 +1을 해주어야 한다.

 

이제 오전과 오후를 if 조건문으로 구분하는 코드를 만들어보자. 

 

 

코드를 실행해보면 지금 제가 21시에 작성을 하고 있기 때문에 '오후입니다'를 출력합니다.

 

 

2. if else 조건문

if조건문 만 사용하면 불표현식이 true일 때만 문장을 출력했지만 else문을 사용하면 false일 때도 문장을 출력할 수 있다.

if(불 표현식){
    불 표현식이 true일 때 실행
} else {
    불 표현식이 false 일 때 실행 
}

 

예제를 통해서 알아보자.

 

위에 if문으로 구현했던 오전과 오후를 구분하는 코드를 if-else문으로 구현해보자.

 

 

 

코드를 실행해보면 지금 제가 21시에 작성을 하고 있기 때문에 else문에 포함되어있는 '오후입니다'를 출력합니다.

 

3. 중첩 조건문

조건문 안에 조건문을 중첩해 사용하는 것을 중첩 조건문이라고 한다. 

 

중첩 조건문의 구조

 

예제를 통해서 알아보자.

이제는 오전 오후로 나누는 것이아니라 아침, 점심, 저녁 시간대로 나누어 출력해보자.

 

 

 

4. if else if 조건문

중첩조건문으로 코드를 만들면 조금 복잡한감이 없지 않다. 그럴 때 else if를 사용하면 보다 간단하게 표현할 수 있다.

겹치지 않는 3가지이상의 조건으로 나눌 때 사용한다. 

 

else if 문의 구조

 

위에서 중첩 조건문을 이용해 아침, 점심, 저녁대로 나누었던 코드를 else if문으로 바꿔보자.

 

 

훨씬 더 보기도 편하고 코드도 깔끔해졌다.