[JS] If문/ else if/ else

아임 레조·2020년 9월 5일
0

STUDY

목록 보기
12/34
post-thumbnail

if문(If statement)

그동안 공부한 코드는 작성한 순서에 따라서 실행했었다. if문은 어떤 특별한 조건에 따라서 코드를 실행할지 말지를 결정할 수 있는 문법이다. 조건을 충족하지 못하면 실행하지 않을 수도 있다.
기본 형태는 아래와 같다.

if(조건부분) {
	동작부분
 } 
 
//'조건부분이 충족되면 동작부분을 수행하라' 

예를 들어서 조금 더 사용해보자.

let temperature = 0; 
if(temperature <= 0){
	console.log('물이 언다')
 } 
 // 물이 언다 (출력) 

else문

만약 let temperature = 1;을 하게 되면 if문의 조건에 부합하지 않기 때문에 콘솔창에 아무런 값도 출력되지 않는다. 이런 경우 else를 추가로 작성해준다.

let temperature = 1; 
if(temperature <= 0){
	console.log('물이 언다')
 }else{
 	console.log('물이 얼지 않는다')
 } 
 // 물이 얼지 않는다 (출력) 

let temperature = 1;이 if문의 조건을 충족시키지 않기 때문에 else문의 동작을 실행하게 된다.

else if

조건이 2개 이상일 경우 if문을 else안에 한개 더 작성해주면 된다.

let temperature = 1; 
if(temperature <= 0){
	console.log('물이 언다')
 }else{
 	if(temperature < 100){
    console.log('물이 얼지도 끓지도 않는다');
  }else{
  	console.log('물이 얼지 않는다');
   }
 } 

그런데 이렇게 작성을 하면 가독성이 그닥 좋아보이지 않는다. 이런 중첩이 여러번 진행되면 가독성 문제가 커질수밖에 없다. if문이 중첩된 다음에는 else if - else의 순으로 문법을 활용할 수 있다. 조건을 계속해서 추가하고 싶을때는 else if를 이용해서 추가해준다.

if(temperature <= 0){
	console.log('물이 언다');
 }else if(temperature < 100){
 	console.log('물이 얼지도 끓지도 않는다');
   }else{
   console.log('물이 끓는다');
 }
profile
어쩌다보니 백엔드 개발자/ 번아웃 없이 재밌게 개발하고 싶어요

0개의 댓글