티스토리 뷰

// if문 (if statement)
let temperature = 1;

if(temperature <= 0){
	console.log('물이 업니다.');
} else {
	if(temperature < 100){
 		console.log('물이 얼지도 끓지도 않습니다.'); // 1도일때 물이 얼지도 끓지도 않습니다.
	}else{
    	if(temperature < 150){
        	console.log('물이 끓습니다.');
        }else {
        	console.log('물이 모두 수증기가 되었습니다.');
        }
	}
}

if문과 else문을 활용하면 프로그램이 동작할 수 있는 방향이 딱 두 가지로 나뉘게 됩니다. 만약 두 가지 이상의 결과가 필요할 때는 필요한 곳에 if문을 한번 더 작성하면 됩니다.

온도가 0도 이하가 아니고 100도보다도 낮을 때 물이 얼지도 끓지도 않습니다. 라는 메시지를 출력하고 그렇지도 않을 경우 즉, 100도 이상일 때는 '물이 끓습니다.'라는 메시지를 출력합니다. 저장하고 실행해보면 일단 온도가 1도이기 때문에 '물이 얼지도 끓지도 않습니다.'라는 메시지를 출력합니다. 만약에 온도가 105도라면 실행했을 때 '물이 끓습니다'가 출력이 되고 만약에 온도가 영하라면 '물이 업니다'가 잘 출력이 되는 것을 확인할 수 있습니다. 

 

그런데 if문 내부에 if문이 또 작성이 되면 중괄호가 복잡하게 얽혀서 가독성이 좋지 않습니다. 불가피한 경우에는 한 번 정도 중첩하는 것은 괜찮을 수 있겠지만 만약 이런 중첩이 여러 번 진행되면 훨씬 가독성 문제가 커질 수 있습니다. 이런 문제를 조금이라도 해결하기 위해서 만약에 if문이 중첩될 때 else 다음 if문이 바로 이어지는 경우에는 else if 문을 활용할 수 있습니다. 

// if문 (if statement)
let temperature = 140;

if(temperature <= 0){
	console.log('물이 업니다.');
} else if(temperature < 100){
 	console.log('물이 얼지도 끓지도 않습니다.'); // 1도일때 물이 얼지도 끓지도 않습니다.
} else if(temperature < 150){
	console.log('물이 끓습니다.'); // 105도일때 물이 끓습니다.
}else {
	console.log('물이 모두 수증기가 되었습니다.'); 
}

else, if를 else if 하나로 묶은겁니다. 저장하고 실행해보면 '물이 업니다'가 출력됩니다. 동일하게 동작한다는 뜻입니다. 만약 여기서 한 가지 조건을 또 추가하고 싶다면 else if문을 추가해줍니다.

정리하면 여러가지 조건을 가진 코드를 작성할 때는 if문 안에 중첩해서 또 if문을 작성할 수 있지만 else if문을 활용할 수 있다면 훨씬 더 간결하고 읽기 쉬운 코드를 작성할 수 있습니다.

'프론트엔드 > JavaScript' 카테고리의 다른 글

[객체] 07. 객체와 메소드  (0) 2022.09.24
[객체] 05. 객체 다루기  (0) 2022.09.24
[객체] 03. 객체에서 데이터 접근하기  (0) 2022.09.24
[제어문] 01.if문  (0) 2022.09.23
[객체] 객체와 프로퍼티  (0) 2022.09.23
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함