자바스크립트 제어문 - 조건문 (if, else if, else, switch) 반복문 (for, while, do...while) 반복 제어 (break, continue)

3. 제어문

제어문은 프로그램의 흐름을 결정하는 데 중요한 역할을 합니다. 조건에 따라 다른 코드를 실행하거나 반복 작업을 수행하는 등, 제어문을 적절히 활용하면 효율적이고 유연한 코드를 작성할 수 있습니다. 자바스크립트에서 제공하는 제어문은 크게 조건문과 반복문으로 나뉩니다. 이 장에서는 각각의 제어문과 그 사용법에 대해 알아보겠습니다.

3.1 조건문

조건문은 특정 조건에 따라 코드를 분기하여 실행하는 방식입니다. 자바스크립트에서 조건문으로 가장 많이 사용되는 것은 if, else if, else, 그리고 switch 문입니다.

3.1.1 if 문

if 문은 주어진 조건이 true일 때 해당 블록의 코드를 실행합니다. 기본적인 구조는 다음과 같습니다.

javascript
if (조건) {
  // 조건이 true일 때 실행되는 코드
}

예시:

javascript
let age = 20;

if (age >= 18) {
  console.log("성인입니다."); // age가 18 이상일 때 실행
}

3.1.2 if...else 문

if 문 다음에 else 문을 추가하면, 조건이 false일 때 실행될 코드를 지정할 수 있습니다.

javascript
if (조건) {
  // 조건이 true일 때 실행
} else {
  // 조건이 false일 때 실행
}

예시:

javascript
let age = 16;

if (age >= 18) {
  console.log("성인입니다.");
} else {
  console.log("미성년자입니다.");
}

출력: 미성년자입니다.

3.1.3 else if 문

여러 조건을 검사해야 할 때는 else if 문을 사용할 수 있습니다. else if는 첫 번째 조건이 false일 경우 다음 조건을 검사하는 역할을 합니다.

javascript
if (조건1) {
  // 조건1이 true일 때 실행
} else if (조건2) {
  // 조건1이 false이고 조건2가 true일 때 실행
} else {
  // 모든 조건이 false일 때 실행
}

예시:

javascript
let score = 85;

if (score >= 90) {
  console.log("A 학점입니다.");
} else if (score >= 80) {
  console.log("B 학점입니다.");
} else if (score >= 70) {
  console.log("C 학점입니다.");
} else {
  console.log("F 학점입니다.");
}

출력: B 학점입니다.

3.1.4 중첩 if 문

if 문 안에 또 다른 if 문을 넣는 것을 중첩 if 문이라고 합니다. 특정 조건 안에서 추가적인 조건을 검사할 때 유용합니다.

javascript
if (조건1) {
  if (조건2) {
    // 조건1과 조건2 모두 true일 때 실행
  }
}

예시:

javascript
let isMember = true;
let age = 25;

if (isMember) {
  if (age >= 18) {
    console.log("회원이면서 성인입니다.");
  } else {
    console.log("회원이지만 미성년자입니다.");
  }
} else {
  console.log("회원이 아닙니다.");
}

3.1.5 switch 문

switch 문은 한 값에 대해 여러 조건을 검사할 때 사용됩니다. 조건이 많은 경우 if...else보다 더 깔끔하게 작성할 수 있습니다.

javascript
switch (표현식) {
  case 값1:
    // 값1과 일치할 때 실행
    break;
  case 값2:
    // 값2와 일치할 때 실행
    break;
  default:
    // 모든 값과 일치하지 않을 때 실행
}

break는 실행 후 제어문을 빠져나가기 위해 사용됩니다. break가 없으면 다음 case의 코드까지 실행되므로 주의해야 합니다.

예시:

javascript
let day = 3;

switch (day) {
  case 1:
    console.log("월요일입니다.");
    break;
  case 2:
    console.log("화요일입니다.");
    break;
  case 3:
    console.log("수요일입니다.");
    break;
  case 4:
    console.log("목요일입니다.");
    break;
  case 5:
    console.log("금요일입니다.");
    break;
  default:
    console.log("주말입니다.");
}

출력: 수요일입니다.










3.2 반복문

반복문은 동일한 코드를 여러 번 실행할 때 사용됩니다. 자바스크립트에서는 for, while, do...while 같은 반복문을 제공합니다.

3.2.1 for 문

for 문은 반복할 횟수가 정해져 있을 때 가장 많이 사용되는 반복문입니다. 기본적인 구조는 다음과 같습니다.

javascript
for (초기값; 조건; 증감식) {
  // 조건이 true일 때 실행되는 코드
}

초기값은 반복이 시작될 때 한 번 실행되며, 조건이 참이면 블록 내의 코드가 실행됩니다. 증감식은 반복할 때마다 실행되며, 다시 조건을 평가합니다.

예시:

javascript
for (let i = 0; i < 5; i++) {
  console.log(i);
}

출력:

0
1
2
3
4

3.2.2 for...of 문

for...of 문은 배열과 같은 반복 가능한 객체(iterable)에서 각 요소를 반복할 때 사용됩니다.

javascript
for (변수 of 반복 가능한 객체) {
  // 변수에 객체의 요소가 순차적으로 할당됩니다.
}

예시:

javascript
let fruits = ["apple", "banana", "cherry"];

for (let fruit of fruits) {
  console.log(fruit);
}

출력:

apple
banana
cherry

3.2.3 for...in 문

for...in 문은 객체의 속성을 반복할 때 사용됩니다.

javascript
for (변수 in 객체) {
  // 변수에 객체의 속성 이름이 순차적으로 할당됩니다.
}

예시:

javascript
let person = { name: "Alice", age: 25, city: "New York" };

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

출력:

vbnet
name: Alice
age: 25
city: New York

3.2.4 while 문

while 문은 조건이 true일 동안 반복됩니다. 반복 횟수가 정해지지 않은 경우나, 조건에 따라 반복을 종료해야 할 때 사용됩니다.

javascript
while (조건) {
  // 조건이 true일 때 실행되는 코드
}

예시:

javascript
let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

출력:

0
1
2
3
4

3.2.5 do...while 문

do...while 문은 while 문과 비슷하지만, 코드를 먼저 실행한 후 조건을 평가합니다. 즉, 조건에 상관없이 최소 한 번은 실행됩니다.

javascript
do {
  // 코드 실행
} while (조건);

예시:

javascript
let i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);

출력:

0
1
2
3
4

3.3 반복 제어

반복문에서 반복을 조작하거나 종료할 때는 break와 continue 문을 사용할 수 있습니다.

3.3.1 break 문

break 문은 반복문을 즉시 종료하고 빠져나오게 합니다. 주로 for, while 등의 반복문 안에서 특정 조건이 만족될 때 반복을 종료할 때 사용합니다.

예시:

javascript
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

출력:

0
1
2
3
4

위 예제에서 i가 5가 될 때 break 문에 의해 반복이 종료됩니다.

3.3.2 continue 문

continue 문은 현재 반복을 건너뛰고, 다음 반복으로 진행합니다. 주로 조건을 만족하는 경우 현재 반복의 나머지 코드를 건너뛰고 싶을 때 사용합니다.

예시:

javascript
for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

출력:

1
3
5
7
9

위 예제에서 i가 짝수일 경우 continue 문이 실행되어 나머지 코드를 건너뛰고, 다시 조건을 평가합니다. 그래서 짝수는 출력되지 않습니다.

이 장에서는 자바스크립트의 조건문, 반복문, 반복 제어문에 대해 알아보았습니다. 제어문은 프로그램의 흐름을 결정하는 중요한 요소이므로, 이를 잘 이해하고 다양한 상황에서 적절히 활용할 수 있어야 합니다.