[JavaScript] 조건문 if, else if, else

 

 

if

if(조건) {
	/*   조건이 참일 때 실행할 코드   */
}

 

Javascript에서 조건문의 형식은 위와 같다.

if 내부에 조건을 넣고, 이 조건이 참(ture)일 경우에 내부의 코드들이 실행되는 방식이다.

 

예시를 보자.

let a = 5;

if(a===5){
    console.log('조건이 참이므로 실행됨.');
}

위 코드는 a가 5이므로 if문의 조건문이 참이다. 따라서 if문 내부의 문장이 실행될 것이다.

 

 

 

필요한 조건이 여러 개라면 if문을 여러 개 붙이면 된다.

하지만 조건문이 연결된 조건이라면, else if를 사용하여 부가조건들을 넣어줄 수 있다.

 

 

else if

if(조건) {
  /*  코드  */
}
else if(조건){
   /*  코드  */
}

 

위처럼 코드를 작성하면, if문의 조건이 참이 아닐 때,  컴퓨터는 else if문의 조건을 검사한다.

그리고 else if문의 조건이 참(true)이라면 코드를 실행하고, 거짓(false)이라면 실행하지 않고 벗어난다.

 

예시를 보자.

let a = 5;

if(a===3){
    console.log('if 조건이 참이므로 실행됨.');
}
else if(a==5){
    console.log("else if 조건이 참이므로 실행됨.");
}

 

위 코드에서는 a의 값이 5이다.

if문의 조건에서는 a 가 3이 아니므로 실행되지 않고, else if문으로 넘어가서 a가 5가 맞으므로 else if문의 코드가 실행된다.

 

※ 위 코드에서 사용한 "===" 는 엄격한 동등 연산자(Strict Equal Operator)임. 일반 동등 연산자(Equal Operator)과의 차이를 기억해두기 바람.

[JavaScript] 대입 연산자(=), 동등 연산자(==), 엄격한 동등 연산자(===)

 

 

 

else

if(조건) {
  /*  코드  */
}
else if(조건){
   /*  코드  */
}
else{
   /*. 코드   */
}

else는 조건문이 따로 필요없다.

if(조건) {
  /*  코드  */
}
else{
   /*. 코드   */
}

 

그리고 if와 단 둘이도 쓸 수 있다.

 

else는 마지막으로 if문과 else if 문의 조건들이 참이 아닐때, 모든 조건들이 참에 해당하지 않을때 실행되는 부분이 else이다.

"나머지 전체"의 경우를 의미한다고 봐도 좋을 거 같다.

let a = 0;

if(a < 0){
    console.log('음수');
}
else if(a > 0){
    console.log("양수");
}
else{
    console.log('0이다!')
}

 

a에는 0이라는 값이 저장되어 있다.

if에서는 a가 0보다 작을 경우에 코드가 실행된다. a는 0이므로 0보다 작다는 조건에 부합하지 않는다.

else if 에서는 a가 0보다 클 경우에 코드가 실행된다. a는 0이므로 0보다 크다는 조건에도 부합하지 않는다.

0은 0보다 작지도, 크지도 않은 그저 0이기 때문에 if와 if else의 조건들에 부합하는 것이 없다.

따라서 이때, else로 간다.

 

else는 나머지 모든 조건들을 포함한다. 그래서 조건문이 필요없다.

결론적으로 else의 코드가 실행된다.