2024.01.18 TIL - Deep Dive

📚 [모던 자바스크립트 Deep Dive] 8장 제어문

---

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

📝 8.1 블록문

블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부른다.

자바스크립트는 블록문을 하나의 실행 단위로 취급하며 일반적으로 제어문이나 함수를 정의할 때 사용한다.

문의 끝에는 세미콜론(;)을 붙이는게 일반적이지만 블록문에는 붙이지 않는다.

//블록문
{
  var foo = 10;
}

//제어문
var x = 1;
if (x < 10) {
  x++;
}

//함수 선언문
function sum(a, b) {
  return a + b;
}

📝 8.2 조건문

조건문은 주어진 조건식의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정한다. (조건식은 boolean 값으로 평가)

• if...else문

  if (조건식) {
    //조건식이 참이면 이 코드 블록이 실행된다.
  } else {
    //조건식이 거짓이면 이 코드 블록이 실행된다.
  }

• switch문

  switch (표현식) {
    case 표현식1:
      switch 문의 표현식과 표현식1이 일치하면 실행될 문;
      break;
    case 표현식2:
      switch 문의 표현식과 표현식2가 일치하면 실행될 문;
      break;
    default:
      switch 문의 표현식과 일치하는 case 문이 없을 때 실행될 문;
  }

📝 8.3 반복문

반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행하며 조건식이 거짓일 때까지 반복된다.

• for문 ⇒ 반복 횟수가 명확할 때 사용

  for (변수 선언문 또는 할당문; 조건식; 증감식) {
    조건식이 참이 경우 반복 실행될 문;
  }

  무한루프 for (;;) { ... }

• while문 ⇒ 반복 횟수가 불명확할 때 사용

  var count = 0;
  
  //count가 3보다 작을 때까지 코드 블록을 계속 반복 실행한다.
  while (count < 3) {
    console.log(count); // 0 1 2
    count++;
  }

  무한루프 while (true) { ... }
  무한루프에서 탈출하기 위해서는 코드 블로 내에 if문으로 탈출 조건을 만들고 break문으로 코드 블록을 탈출한다.

  var count = 0;
  
  //무한루프
  while (true) {
    console.log(count);
    count++;
    //count가 3이면 코드 블록을 탈출한다.
    if (count === 3) break;
  } // 0 1 2

• do...while문 ⇒ 코드 블록을 먼저 실행하고 조건식을 평가(무조건 한 번 이상 실행)

  var count = 0;
  
  //count가 3보다 작을 때까지 코드 블록을 계속 반복 실행한다.
  do {
    console.log(count); // 0 1 2
    count++;
  } while (count < 3);

📝 8.4 break문

레이블 문(=식별자가 붙은 문), 반복문 또는 switch 문의 코드 블록을 탈출한다. (그 외에 break문을 사용하면 SyntaxError(문법에러) 발생)

📝 8.5 continue문

countinue문은 반복문의 코드 블록 실행을 현 지점에서 중단하고 반복문의 증감식으로 실행 흐름을 이동시킨다.

break문처럼 반복문을 탈출하지는 않는다.