<자바스크립트 기초> 04. 조건문

 

* 조건문

 - 조건문은 프로그래밍의 꽃으로써 조건이 만족할 때에만 실행시키도록 제어하는 구문이다.

 

* Boolean

 - 조건문에 앞서 불린 형식이 필수이다. 이는 앞서 비교연산자에서 봤었던 true와 false를 의미한다. 조건문에서 조건이 바로 이 불린이다. 

 

* 문법

 - 조건문은 if로 작성한다.

if(1 > 0) {
	alert('large');
}

// large

 - 위의 조건은 true 이므로 if문이 실행된다. 이 때 조건이 false라면 이는 실행되지 않는다.

if(1==2){
	alert('two');
} else {
	alert('not two');
}

// not two

 - if문은 if else 구문으로 확장이 가능하다. else는 if에 작성한 조건이 false일 경우 실행되는 구문이다.

 

if(1 > 10){
	alert('large');
} else if(i > 5){
	alert('medium');
} else {
	alert('small');
}

// small

  - 더 확장하면 if, else if, else 까지 가능하다. else if는 여러 개를 작성할 수 있으며 위에서부터 if가 false이면 그다음 else if 를 실행하고 거짓이면 다음 else if를 실행하고 반복하다가 끝까지 조건이 false이면 마침내 else가 실행된다.

 

 - if문은 그 안에 if문을 넣어서 더 확장이 가능하다.

 

* 논리연산자

 - && : 조건문에 여러가지 조건을 넣을 때, 조건1 && 조건2 를 작성하면 두 조건이 모두 true 일 때만 true로 판단한다.

 - || : or 연산자를 의미한다. 조건1 || 조건2를 작성하면 두 조건 중 하나만 true여도 if 구문이 실행된다.

 - ! : not 연산자이다. 조건 앞에 붙이면 조건자체를 역전시킨다.

 

* switch 문

 - 여러 개의 if 조건문을 switch 문으로 바꿀 수 있다.

 

let a = 3 + 4;

switch (a) {
    case 7 :
        alert('정답입니다!');
        break;
    
    case 6:
    case 8:
    	alert('아쉽습니다.');
        break;
        
    default:
        alert('오답입니다.');
}

 

 - switch의 인자로 비교 대상을 넣는다.

 

 - 각 case에 값을 넣어 일치비교를 하여 각 블럭을 실행하게 된다.

 

 - 여기서는 7과 일치하므로 case 7 이 실행된다. switch문은 반드시 break가 있어야 구문을 탈출한다.

 

 - 코드가 같은 case문은 위의 6과 8의 경우처럼 묶을 수 있다. case 6이 실행되면서 break가 없기때문에 그대로 case 8 이 실행되기 때문이다.

 

 - 일치하는 case가 없으면 default문이 실행된다. 이는 마치 if문의 else와 같은 역할을 한다.

 

 - 참고로 case는 일치 비교로 조건을 확인하므로 자료형까지 반드시 같아야 한다.

 

 

---

 

참고

 

 

이 글은 생활코딩의 자바스크립트 기본 강의를 인프런에서 수강하고 개인적으로 정리하며 작성한 글입니다.

 

 

 

 

생활코딩

JavaScript - 생활코딩

인프런

자바스크립트 언어 기본 - javascript - 인프런

모던 자바스크립트 튜토리얼

switch문