[모던자바스크립트] 8. 제어문

이아현·2023년 7월 31일
0
post-thumbnail

1. 제어문

  • 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용

2. 블록문

  • 0개 이상의 문을 중괄호로 묶은 것
  • 코드 블록 또는 블록
  • 자바스크립트는 블록문을 하나의 실행 단위로 취급

3. 조건문

  • 주어진 조건식의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정
  • 조건식은 boolean 값으로 평가될 수 있는 표현식
  • if...else문과 switch문 두 가지 종류가 있다.
  • if...else
    if (조건식1) {
    	// 조건식 1이 참이면 이 코드 블록이 실행
    } else if (조건식2) {
    	// 조건식 2가 참이면 이 코드 블록이 실행
    } else {
    	// 조건식1, 조건식2가 모두 거짓이면 이 코드 블록이 실행
    }
  • switch
    • 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문으로 실행흐름을 옮김
    switch (표현식) {
    	case 표현식1:
      	     switch 문의 표현식과 표현식1이 일치하면 실행될 문;
             break
        case 표현식2:
             switch 문의 표현식과 표현식2가 일치하면 실행될 문;
             break
        default:
        	 switch 문의 표현식과 일치하는 case문이 없을 때 실행될 문
    }
  • if...else는 논리적 참, 거짓으로 실행할 코드 블록을 결정하고, switch문은 논리적 참, 거짓보다는 다양한 상황(case)에 따라 실행할 코드 블록을 결정할 때 사용

4. 반복문

  • 조건식의 평가 결과가 참인 경우 코드 블록을 실행

  • for문, while문, do...while

  • for

  • while

    • while (true) { ... } : 무한 루프문
    • 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행
    • 반복 횟수가 불명확할 때 주로 사용
  • do...while

    • 코드 블록을 먼저 실행하고 조건식을 평가
    • 코드 블록은 무조건 한 번 이상 실행
    var count = 0;
    
    do {
      console.log(count);
      count++;
    } while (count < 3);

5. break문

  • break문은 코드 블록을 탈출!
  • 레이블 문, 반복문 또는 switch문의 코드 블록을 탈출함
    • 레이블 문 : 식별자가 붙은 문
    // foo라는 식별자가 붙은 레이블 문
    foo: console.log('foo');

6. continue문

  • 반복문의 코드 블록 실행을 현 시점에서 중단하고 반복문의 증감식으로 실행흐름을 이동
  • break문처럼 반복문을 탈출하지는 않음
profile
PM을 지향하는 FE 개발자 이아현입니다 :)

0개의 댓글