본문 바로가기
JavaScript 문법 시리즈

[JavaScript 문법] 5일차: 반복문

by cogito21_js 2024. 8. 5.
반응형

반복문이란?

반복문은 특정 조건이 참일 때까지 코드 블록을 반복해서 실행하는 구조입니다. JavaScript에서 반복문을 사용하면 반복적인 작업을 자동으로 수행할 수 있습니다.

for 문

for 문은 가장 일반적인 반복문으로, 반복 횟수가 명확할 때 사용합니다.

기본 문법

for (초기화; 조건; 증감) {
  // 반복해서 실행될 코드
}

예제

for (let i = 0; i < 5; i++) {
  console.log(i);
}
// 출력: 0, 1, 2, 3, 4

while 문

while 문은 조건이 참인 동안 코드 블록을 반복해서 실행합니다.

기본 문법

while (조건) {
  // 조건이 참인 동안 반복해서 실행될 코드
}

예제

let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}
// 출력: 0, 1, 2, 3, 4

do...while 문

do...while 문은 코드 블록을 먼저 실행한 후 조건을 평가합니다. 조건이 참인 동안 코드 블록을 반복해서 실행합니다.

기본 문법

do {
  // 조건이 참인 동안 반복해서 실행될 코드
} while (조건);

예제

let i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);
// 출력: 0, 1, 2, 3, 4

for...in 문

for...in 문은 객체의 열거 가능한 속성을 반복해서 실행합니다.

기본 문법

for (변수 in 객체) {
  // 객체의 속성에 대해 반복해서 실행될 코드
}

예제

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

for (let key in person) {
  console.log(key + ': ' + person[key]);
}
// 출력:
// name: Alice
// age: 25
// city: New York

for...of 문

for...of 문은 반복 가능한 객체(배열, 문자열 등)의 값을 반복해서 실행합니다.

기본 문법

for (변수 of 반복 가능한 객체) {
  // 반복 가능한 객체의 값에 대해 반복해서 실행될 코드
}

예제

let numbers = [1, 2, 3, 4, 5];

for (let number of numbers) {
  console.log(number);
}
// 출력: 1, 2, 3, 4, 5

반복문 제어

break 문

break 문은 반복문을 종료합니다.

예제

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}
// 출력: 0, 1, 2, 3, 4

continue 문

continue 문은 현재 반복을 종료하고, 다음 반복을 시작합니다.

예제

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  console.log(i);
}
// 출력: 0, 1, 2, 3, 4, 6, 7, 8, 9

중첩 반복문

반복문 안에 또 다른 반복문을 넣어 복잡한 반복 작업을 수행할 수 있습니다.

 

예제

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log(`i = ${i}, j = ${j}`);
  }
}
// 출력:
// i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
// i = 1, j = 1
// i = 1, j = 2
// i = 2, j = 0
// i = 2, j = 1
// i = 2, j = 2

결론

반복문은 코드의 특정 부분을 여러 번 실행하는 데 유용한 구조입니다. 이번 글에서는 for, while, do...while, for...in, for...of 문과 반복문 제어 방법에 대해 배웠습니다. 다음 글에서는 함수 기초에 대해 알아보겠습니다.

다음 글에서 만나요!

반응형