자바스크립트 if문 / JavaScript if statement / 조건문

자바스크립트 if문

if 문은 영어로 if statement라고 하는데 어떤 특별한 조건에 따라서 코드를 실행할지 말지 결정할 수 있는 문법입니다.

즉 조건을 충족하지 않는다면 코드를 실행하지 않을 수 있는 것입니다!

if 문의 기본 구조는 아래와 같습니다.

if ( 조건부분 ) {
	동작부분
}

위처럼 if 뒤 소괄호 내부에 동작 부분에 적혀있는 코드가 작동하는 조건을 적으면 if문이 완성되는 심플한 구조입니다.

만약 물이 0도 이하에서 언다는 것을 전제하에 if문으로 만약 온도가 0도 이하일 때 물이 어는 것을 작성해본다면 아래와 같습니다.

let temperature = 1;

if (temperature <= 0) {
	console.log('물이 업니다.')
}

위 코드를 실행한다면 아무것도 출력이 되지 않습니다.

if의 조건문에 temperature 즉 온도로 설정한 변수가 0도 이하일 경우에 '물이 업니다'라는 문자열을 출력하는 동작 부분을 작성해주었는데요.

temperature 가 1이기 때문에 조건에 맞지 않아 동작 부분 코드를 실행하지 않은 것입니다.

 

만약 조건이 맞지 않거나, 다른 조건을 또 다루고 싶을 때는 else라는 키워드를 사용하면 됩니다.

let temperature = 1;

if (temperature <= 0) {
	console.log('물이 업니다.')
}
else{
	console.log('물이 얼지 않습니다.')
}

//출력 : 물이 얼지 않습니다.

위처럼 코드를 작성한다면 temperature 값이 1 이기 때문에 if 문의 조건에 해당하지 않아 통과한 후, else 안에 동작 부분을 실행하는 모습입니다.

이렇게 if문을 통해 조건을 만들고 선택적으로 else문을 활용하면 조건에 따라 다양하게 동작하는 코드를 작성할 수 있습니다.

 

하지만 만약 조건이 하나가 아닌 여러 개라면 어떻게 해야 할까요?

if 문을 여러 번 사용해야 할까요?

이런 일을 대비해서 if 문에는 else if라는 키워드가 존재합니다.

let temperature = 100;

if (temperature <= 0) {
	console.log('물이 업니다.')
}
else if (temperature >= 100){
	console.log('물이 끓습니다.')
}
else{
	console.log('물이 얼지 않습니다.')
}

//출력 : 물이 끓습니다.

위처럼 else if를 통해 if문을 작성할 시, if문을 여러 개 작성하는 것보다 훨씬 더 간결하고 읽기 쉬운 코드를 작성할 수 있습니다.