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

1. 블록문

0개 이상의 문을 중괄호로 묶은 것

2. 조건문

조건문은 조건식의 결과에 따라 코드 블록의 실행을 결정한다.

2.1. if ...else 문

if (조건식1){
  // 조건식1이 true 일때 실행
} else if (조건식2){
  // 조건식2가 true일때 실행
} else {
  // 전부 false이면 실행
}

2.2. switch 문

    switch (표현식)
    {
    case 표현식1:
        /* code */
        break;
    
    default:
        break;
    }

3. 반복문

반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다.

3.1. for 문

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

3.2. while 문

while (count < 3) {
  console.log(count);
  count++;
}

3.3. do... while 문

do {
  console.log(count);
  count++;
} while(count < 3);

4. break 문

var string = 'Hello World.';
var search = 'l';
var index;

// 문자열은 유사 배열이므로 for 문으로 순회할 수 있다.
for(var i=0; i<string.length; i++) {
  // 문자열의 개별 문자가 'l'이면
	if(string[i] === search) {
		index = i;
		break // 반복문 탈출
	}
}

console.log(index); // 2

//String.prototype.indexOf 메서드를 사용해도 같은 동작을 한다.
console.log(string.indexOf(search)); // 2

5. continue 문

반복문의 코드 실행의 현시점에서 중단 후 반복문의 증감식으로 실행 흐름을 이동

var string = 'Hello World.';
var count = 0;

// 문자열은 유사배열이므로 for 문으로 순회할 수 있다.
for (var i = 0; i < string.length; i++) {
  // 'l'이 아니면 현 지점에서 실행을 중단하고 반복문의 증감식으로 이동한다.
  if (string[i] !== 'l') continue;
  count++; // continue 문이 실행되면 이 문은 실행되지 않는다.
}

console.log(count); // 3

// 참고로 String.prototype.match 메소드를 사용해도 같은 동작을 한다.
console.log(string.match(/l/g).length); // 3

if문 내에서 실행해야 할 코드가 길다면 continue문을 사용하는것이 더 가독성이 좋다.

// continue 문을 사용하지 않으면 if 문 내에 코드를 작성해야 한다.
for (var i = 0; i < string.length; i++) {
  // 'l'이면 카운트를 증가시킨다.
  if (string[i] === 'l') {
    count++;
    // code
    // code
    // code
  }
}

// continue 문을 사용하면 if 문 밖에 코드를 작성할 수 있다.
for (var i = 0; i < string.length; i++) {
  // 'l'이 아니면 카운트를 증가시키지 않는다.
  if (string[i] !== 'l') continue;

  count++;
  // code
  // code
  // code
}