• 목차
  • 1. 블록문
  • 2. 조건문
  • 3. 반복문
  • 4. while 문
  • 5. break문
  • 6. continue문

• 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반목문)할 때 사용
• 일반적인 코드는 위>아래, 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어 가능
• 코드 실행이 변경된다는 것은, 직관적 코드 흐름을 혼란스럽게 만들어 가독성을 해친다.
• forEach, map, filter, reduce 같은 고차 함수를 사용하자.

블록문

• 0개 이상의 문을 중괄호로 묶은 것 (코드 블록, 블록) {}
• js는 블록문을 하나의 실행 단위로 취급
• 단독으로 사용 가능하나 제어문이나 함수를 정의할 때 사용하는 것이 일반적
• 블록은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문에 세미콜론을 붙이지 않는다.

조건문

• 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다.
• 조건식은 불리언 값으로 평가될 수 있는 표현식
• if-else, switch 2개

if-else

• if의 조건식의 평가값이 불리언이 아니라면 암묵적 형 변환이 된다
• 논리적 참, 거짓으로 실행할 코드 블록 결정
• 대부분의 if-else는 삼항연산자로 바꿀 수 있다.

var score;
if (score >= 60) result = "pass";
else result = "fail";

var result = score >= 60 ? "pass" : "fail";

if (score >= 90) result = "good";
else if (score >= 60) result = "pass";
else result = "fail";

var result = score >= 90 ? "good" : score >= 60 ? "pass" : "fail";

switch 문

• 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문으로 실행 흐름을 옮긴다.
• switch문의 표현식인 불리언값보다 문자열이나 숫자값인 경우가 많다.
• 논리적 참, 거짓보다 다양한 상황(case)에 따라 실행할 코드 블록을 결정
• 표현식의 값과 일치하는 case문으로 실행 흐름이 이동하더라도 break가 없으면 switch문의 끝까지 실행된다 (폴 스루 :fall through)
• break : 코드 블록에서 탈출
• default는 break를 생략하는 것이 일반적이다. (마지막이라서 어차피 실행 종료)

// break를 생략한 폴 스루가 유용한 경우
var year = 2000;
var month = 2;
var days = 0;
switch (month) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 8:
  case 10:
  case 12:
    day = 31;
    break;
  case 4:
  case 6:
  case 9:
  case 11:
    day = 30;
    break;
  case 2:
    day = 28;
    break;
  default:
    console.log("invalid");
}

• if-else로 해결할 수 있다면 if-else 사용하는 것 지향
• 조건이 너무 많아서 switch를 했을 때 가독성이 더 좋아진다면 switch문 사용

반복문

• 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다.
• 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행한다.
• 이는 조건식이 거짓일 때까지 반복한다.

반복문을 대체할 수 있는 다양한 기능 배열 순회 : forEach 객체의 프로퍼티 열거 : for…in 이터러블 순회 : for…of

for문

• 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행한다.

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

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

• 선언문, 조건식, 증감식은 옵션이므로 반드시 사용할 필요 x

while 문

• 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행한다.
• for 문은 반복 횟수가 명확할 때 사용하고, while문은 반복 횟수가 불명확할 때 주로 사용한다.
• 만약, 조건식의 평가 결과가 불리언 값이 아니면, 불리언값으로 강제 변환한다.

do…while 문

• 코드 블록을 먼저 실행하고 조건식을 평가한다.
• 코드 블록이 무조건 1번 이상 실행된다.

break문

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

레이블

• 식별자가 붙은 문
• 프로그램의 실행 순서를 제어하는데 사용한다.
• 사실 switch문의 case, default도 레이블문이다.
• 레이블 문을 탈출하려면 break문에 레이블 식별자를 지정한다.

foo : {
  console.log(1)
  break foo;
  console.log(2)
}

console.log('finish')
// 1
// finish

• 중첩된 for문 내부의 for문에서 break를 실행하면 내부 for문 탈출, 외부 for문 진입.
• 외부 for문도 탈출하려면 레이블 문 사용

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

• 레이블 문은 중첩된 for문을 외부로 탈출할 때는 유용
• 하지만 그 외에는 사용 x
• 프로그램의 흐름이 복잡해지고, 가독성 나빠짐 > 오류 유발

continue문

• 반복문의 코드 블록 실행을 현 지점에서 중단하고, 반복문의 증감식으로 실행 흐름을 이동시킨다.
• 반복문 내부 If문의 코드가 길다면 사용o, 한줄이라면 사용 지양