조건문과 반복문

조건문

조건문이란?

• 조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)를 실행

자바스크립트의 조건문

• if-else
• switch

if, if-else

• if문

  • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남

  • 조건식이 거짓이면 바로 if문을 벗어남

  • if문 안에 if문이 들어갈 수 있음(중첩 if문)

    if(조건식) {
    	... 실행문 ... // 조건식이 참인 경우
    }

• if-else문

  • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행

    if(조건식) {
    	... 실행문1 ... // 조건식이 참인 경우
    } else {
    	... 실행문2 ... // 조건식이 거짓인 경우
    }

• 다중 if-else

  • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행

    if(조건식) {
    	실행문1 // 조건식1이 참인 경우
    } else if(조건식2) {
    	실행문2 // 조건식2가 참인 경우
    } else {
    	실행문n; // 앞의 모든 조건이 거짓인 경우
    }

switch문

• 결과값에 따라 서로 다른 코드를 실행
• 불리언값을 제외한 다른 값이 나올 때(숫자, 문자 등) 사용

switch(조건식) {
	case 값1:
		실행 문장 1; // 조건식의 결과가 값1과 같을 때
		break;
	case 값2:
		실행 문장 2; // 조건식의 결과가 값2와 같을 때
		break;
		...
	case 값m:
		실행 문장 m; // 조건식의 결과가 값m과 같을 때
		break;
	default:
		실행 문장 n; // 조건식의 결과가 어느 값과도 같지 않을 때
}

case문의 ‘값’

• case문의 ‘값’은 상수만 가능

case 1 :
case 2.7 :
case "Seoul" :
case true :

• case문의 ‘값’에 변수나 식은 사용 불가

case a : // 에러. 변수 a 사용 불가
case a > 3 : // 에러. 식(a > 3) 사용 불가

switch에서 break의 역할

• break
  • switch 종료
    • break를 만날 때까지 코드 계속 실행

반복문

for문

• 조건식이 true인 동안 작업문을 반복하여 실행
• 조건식의 결과가 false이면 for문을 종료
• 초기문은 초기 한 번만 실행

for(초기문; 조건식; 반복 후 작업) {
	... 작업문 ...
}

• 반복문 실행 순서
  

중첩 for문

for(var i = 0; i <= 5; i++) {
	for(var j = 0; j < i; j++) {
		document.write('*');
	}
	document.write('<br>');
}

• 실행 결과

*
**
***
****
*****

while문

• 조건식이 true인 동안 작업문을 반복 실행
• 반복 횟수를 알 수 없는 경우 주로 사용

while(조건식) {
	... 작업문 ...
}

do while문

• 조건식을 검사하여 true인 동안 작업문이 반복 실행
• 작업문은 최소 한 번은 실행

do {
	... 작업문 ...
} while(조건식);

break문

• 반복문을 완전히 종료하고 빠져나옴
• 여러 개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져 나옴

continue문

• 반복 코드 실행을 중단하고, 다음 반복으로 점프

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 3주차 블로그 포스팅