제어문

제어문은 주어진 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다.
일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다.
코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다.

1. 블록문

• 0개 이상의 문을 중괄호로 묶은 것으로 코드 블록 또는 블록이라고 부른다.
• 자바스크립트는 블록문을 하나의 실행 단위로 취급한다.
• 단독으로 사용할 수 있으나, 일반적으로 제어문이나 함수를 정의 할때 사용한다.
• 블록문의 끝에는 세미콜론을 붙이지 않는다.

2. 조건문

조건문은 주어진 조건식의 평가 결과에 따라 코드블록(블록문)의 실행을 결정한다.
불리언 값으로 평가될 수 있는 표현식이다.
if..else 문은 논리적 참, 거짓으로 실행 코드 블록을 결정
switch 문은 다양한 상황(case)에 따라 실행할 코드 블록을 결정할 때 사용한다.

if… else 문

• 주어진 조건식(불리언 값으로 평가 될 수 있는 표현식)의 평가 결과, 즉 논리적 참 또는 거짓에 따라 실행할 코드 블록을 결정한다.
• 평가 결과가 true일 경우, if문 다음의 코드 블록이 실행되고, false 경우 else 문 다음의 코드 블록이 실행된다.
• 조건식 추가 가능 else if문 여러번 사용할 수 있다.
• if문과 else 문은 2번 이상 사용할 수 없다.
• if..else 문은 삼항 조건 연산자로 바꿔 쓸 수 있다.

1
2
3
4
5
6
7

if (조건식1) {
  //true 일때 이 코드 블록이 실행
} else if (조건식2) {
  // 조건식 추가 (else if)
} else {
  //false 일떄(조건식1, 2 모두 거짓) 이 코드 블록이 실행
}

switch 문

• switch 문은 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case 문으로 실행 순서를 이동시킨다.
• case 문은 상황을 의미하는 표현식을 지정하고 콜론으로 마친다. 그 뒤에 실행할 문들을 위치시킨다.
• switch 문의 표현식과 일치하는 표현식을 갖는 case 문이 없다면 실행 순서는 default 문으로 이동한다.
• switch 문의 표현식을 문자열, 숫자 값인 경우가 많다.
• break 키워드로 구성된 break 문은 코드 블록에서 탈출하는 역할을 한다.(default문에서는 필요없음)

1
2
3
4
5
6
7
8
9
10

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

3. 반복문

반복문(Loop statement)은 주어진 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 그 후 조건식을 다시 검사하여 여전히 참인 경우 코드 블록을 다시 실행한다.
이는 조건식이 거짓일 때 까지 반복된다.

for 문

• for 문은 조건식이 거짓으로 판별될 때까지 코드 블록을 반복 실행한다.
• for 문의 변수 선언문, 조건식, 증감식은 모두 옵션이므로 반드시 사용할 필요는 없다. 어떤 식도 선언하지 않으면 무한 루프가 된다.
• for문 내에 for문을 중첩해 사용할 수 있다.

1
2
3
4
5
6
7

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

for (var i = 0; i < 2; i++) {
  console.log(i);
}

while 문

• while 문은 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복실행한다.
• 조건문의 평가 결과가 거짓이 되면 실행을 종료한다.
• 만약 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 가제 변환되어 논리적 참, 거짓을 구별한다.
• 조건식의 평가 결과가 언제나 참이면 무한루프가 된다.
• 무한루프를 탈출하기 위해서는 코드블록 내에 if 문으로 탈출 조건을 만들고 break 문으로 코드 블록을 탈출한다.

1
2
3
4
5
6
7
8

var count = 0;

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

1
2
3
4
5
6
7

var count = 0;

while (true) {     //조건식의 평가 결과가 언제나 참이면 무한루프
  console.log(count);
  count++;
if (count === 3) break;    //count가 3이면 코드 블록 탈출
}    // 0 1 2

do.. while 문

do.. while 문은 코드 블록을 먼저 실행하고 조건식을 평가한다. 따라서 코드 블록은 무조건 한번 이상 실행된다.

break 문

• 레이블 문, 반복문, switch 문의 코드 블록을 탈출한다.
• 레이블 문, 반복문, switch 문의 코드 블록 이외에 break 문을 사용하면 SyntaxError가 발생한다.

레이블 문

• 레이블 문(Label statement)는 식별자가 붙은 문을 말한다.
• 레이블 문은 프로그램의 실행 순서를 제어하기 위해 사용한다.
• switch 문의 case 문과 default 문도 레이블 문이다.
• 레이블 문을 탈출하려면 break 문에 레이블 식별자를 지정한다.

continue 문

• 반복문의 코드 블록 실행을 현 지점에서 중단하고 반복문의 증감식으로 이동한다.
• break 문처럼 반복문을 탈출하지 않는다.