[Javascript] 조건문 (if문, else문, else if문) 알아보기😊

if문이란?

조건에 따라 처리를 다르게 할 때 사용한다.

조건문에는 '비교 연산자'와 '논리 연산자'를 이용한 조건식을 지정한다.

if문

if (true) {
  		console.log('조건이 참입니다.');
}
//output:조건이 참입니다.

> if (조건){
'조건이 참일 경우 실행되는 내용'
}

조건이 참일 때 if문이 실행된다.

비교 연산자

var a = 4;

if (a === 4) {
		console.log('참');
}
// output:참  	

else문

if (false) {
 	console.log('해당 내용은 출력되지 않습니다.');
} else {
  	console.log('해당 내용이 출력됩니다.');
}

> if (조건){
'조건이 참일 경우 실행되는 내용'
} else{
'조건이 거짓일 경우 실행되는 내용'
}

if의 조건이 false이므로, else의 내용이 실행된다.

var a = 20;
var b = 30;

if (a > b) {
		console.log('a는 b보다 크다'); 
} else {
  		console.log('a는 b보다 작다');
}

a가 b보다 큰 것이 참일 경우, 'a 는 b보다 크다' 를 출력
a가 b보다 큰 것이 거짓일 경우, 'a는 b보다 작다' 를 출력
따라서 a = 20, b = 30 'a > b'는 거짓이기에
'a는 b보다 작다'가 출력된다.

else if문

var usename = prompt("이름을 입력하세요.")
var question1 = prompt("'=', '+='의 연산자는? \n ①산술연산자 ②논술연산자 ③대입연산자")
var questopn = prompt("'+', '-', '*'의 연산자는? \n ①문자결합연산자 ②산술연산자 ③증감연산자")

var answer1 = question1 == 3 ? 50:0;
var answer2 = questopn2 == 2 ? 50:0;

var score=answer1 + answer2;

if(score >= 100){
  document.write(username + "님" + <br/>+"A학점 입니다");
}

else if(score >= 50){
  document.write(usename + "님" + <br/>+"B학점 입니다");
}

else if(score >= 0){
  document.write(usename + "님" + <br/>+"C학점 입니다");
}
                 

A학점 = 100, B학점 = 50, C학점 = 0
if문으로 이용자가 2문제를 모두 맞혔을 경우 A학점을,
else if문으로 이용자가 1문제를 맞혔을 경우 B학점을,
else if문으로 이용자가 0문제를 맞혔을 경우 C학점을
출력하도록 한다.

else문과 else if문의 차이점

• else문은 if문의 조건이 거짓일 경우이다.
• else if문은 새로운 조건을 추가할 수 있다.
• else if는 여러 조건을 중첩할 수 있다.
• else문의 조건에 해당하지 않을 경우 마지막에 조건을 지정할 수 있다.