🌸08장. 제어문

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

• 제어문은 코드의 실행 흐름을 인위적으로 제어할 수 있기 때문에 순차적으로 진행하는 직관적인 코드의 흐름을 혼란스럽게 만든다. (가독성 해침)

• forEach, map, filter, reduce와 같은 고차함수를 사용한 함수형 프로그래밍 기법에서는 제어문의 사용을 억제하고자 한다.

✅8.1 제어문의 종류

블록문(block statement/compound statement)

0개 이상의 문을 중괄호로 묶은 것.
자바스크립트는 블록문을 "하나의 실행 단위"로 취급한다.

조건문(conditional statement)

주어진 조건식의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정

• if…else 문

  • 조건식 : 불리언 값으로 평가

  • 논리적 참, 거짓으로 실행할 코드 블록을 결정

• switch 문

  • 표현식 : 불리언 값보다는 문자열이나 숫자 값인 경우가 많음

  • 논리적 참/거짓 보다는 다양한 상황(case)에 따라 실행할 코드 블록을 결정

반복문(loop statement)

1. 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다.
2. 조건식을 다시 평가하여 여전히 참인 경우 코드블록을 다시 실행한다.

위 과정을 조건식이 거짓일 때까지 반복한다.

• for 문

  • 반복횟수가 “명확”할 때 주로 사용한다.

• while 문

  • 반복 횟수가 “불명확”할 때 주로 사용한다.

• do...while 문 <순서 주의>

  • 코드블럭을 먼저 실행하고 조건식을 평가.

break 문

레이블 문, 반복문, switch 문의 코드블록을 탈출한다.

레이블 문(label statement) : 식별자가 붙은 문

• 프로그램의 실행 순서를 제어하는 데 사용

• switch문의 case문과 default 문도 사실은 레이블 문

• 레이블 문을 탈출하려면 break문에 레이블 식별자를 지정하면 된다.

//레이블 문

// 1️⃣ foo 라는 레이블 식별자가 붙은 문
foo: console.log("foo");

// 2️⃣ foo라는 식별자가 붙은 레이블 블록문
foo: {
    console.log(1);
    break foo; //  foo 레이블 블록문을 탈출한다.
    console.log(2);
}

레이블 문은 중첩된 for 문 외부로 탈출 할 때 유용하지만 그 외에는 일반적으로 권장하지 않는다.

outer: for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        if (i + j === 1) break outer;
        console.log(`${i}+${j} = ${i + j}`);
    }
}
// 0+0 = 0 끝

for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        if (i + j === 1) break;
        console.log(`${i}+${j} = ${i + j}`);
    }
}

// 0+0 = 0 끝나지 않고 i=1 i=2로 넘어감
// 2+0 = 2
// 2+1 = 3
// 2+2 = 4

continue 문

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

• if 문 내에서 실행해야 할 코드가 한줄 이라면 → 반복문 내에서 continue 문을 사용할 필요는 없다.

• 하지만, if 문 내에서 실행햐야 할 코드가 길다면 → 들여쓰기가 한 단계 더 깊어지므로 , continue 문을 사용하는 편이 가독성이 더 좋을 수 있다.