[ JavaScript ] 자바스크립트 기본 문법 | 조건문(if 문, else문, if-else 문)

 

이미지 출처 :  https://commons.wikimedia.org/wiki/File:JavaScript-logo.png

 

 

 

 

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다.

 

 

 

---

 

 

 

자바스크립트 기본 문법  ::  if문

 

 

 

자바스크립트의 조건문은 if로 시작합니다.

if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean입니다.

Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행되는 것을 볼 수 있습니다.

 

예제로 살펴봅시다.

 

 

if(true){
    alert('result : true');
}

 

 

if 뒤 조건이 true 이기 때문에 위의 예제의 실행결과는 'result : true' 입니다.

 

 

 

if(false){
    alert('result : true');
}

 

 

if 뒤 조건이 false 이기 때문에 위의 예제의 실행결과는 아무것도 출력하지 않을 것입니다.

 

 

 

 

자바스크립트 기본 문법  ::  else문

 

 

if만으로는 좀 더 복잡한 상황을 처리하는데 부족합니다.

 

예시로 활용해보겠습니다.

 

 

if(true){
    alert(1);
} else {
    alert(2);
}

 

위의 예제의 결과는 1이 출력되는 것입니다.

 

 

 

if(false){
    alert(1);
} else {
    alert(2);
}

 

 

위의 예제의 결과는 2가 출력됩니다.

 

 

 즉 else는 주어진 조건이 거짓일 때 실행할 구간을 정의하는 것임을 알 수 있습니다.

 

 

 

자바스크립트 기본 문법  ::  else if문

 

 

else if를 이용하면 조건문을 좀 더 풍부하게 할 수 있습니다.

 

예제로 살펴보도록 하겠습니다.

 

 

if(false){
    alert(1);
} else if(true){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

 

위 예시의 결과는 2가 출력됩니다.

 

 

 

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

 

 

위 예시의 결과는 3이 출력됩니다.

 

 

 

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(false){
    alert(3);
} else {
    alert(4);
}

 

 

위 예시의 결과는 4가 출력됩니다.

 

 

 

else if는 좀 더 다양한 케이스의 조건을 검사할 수 있는 기회를 제공합니다.

 

else if의 특징은 if나 else와는 다르게 여러 개가 올 수 있다는 점입니다.

 

else if의 모든 조건이 false라면 else가 실행되고, else는 생략 가능합니다.