Blog

자바스크립트에서 반복문은 프로그래밍의 필수 요소 중 하나로, 일정한 조건에 따라 여러 번 코드를 실행할 수 있게 해줍니다. 다양한 종류의 반복문이 존재하지만, 그중에서도 ‘for’문은 특히 많이 사용되는 반복문입니다. 본 글에서는 자바스크립트의 ‘for’문에 대한 기본 개념과 활용 방법을 자세히 살펴보겠습니다.

for문 기본 구조

자바스크립트의 ‘for’문은 반복적으로 실행하고자 하는 코드 블록을 지정된 횟수만큼 수행할 때 주로 사용됩니다. 포문은 다음과 같은 간단한 구문으로 구성됩니다:

for (초기화; 조건; 증감) {
  // 실행할 코드
}

이 코드의 각 부분에 대해 설명하겠습니다:

• 초기화: 반복문이 시작될 때 한 번만 실행되는 부분으로, 일반적으로 반복을 제어하기 위한 변수를 선언합니다.
• 조건: 반복이 계속될지를 결정하는 조건문으로, 이 조건이 참일 때마다 코드 블록이 실행됩니다.
• 증감: 각 반복이 끝난 후 실행되는 코드로, 일반적으로 초기화에서 선언한 변수를 증가시키거나 감소시킵니다.

for문 활용 예시

다음은 ‘for’문의 기본 사용 예시입니다. 아래 코드는 0부터 4까지의 숫자를 출력하는 예제입니다:

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

위 코드를 실행하면 콘솔에 0, 1, 2, 3, 4가 출력됩니다. 이처럼 'for'문은 반복적으로 특정 작업을 수행할 때 유용하게 쓰입니다.

무한 루프와 'for'문

무한 루프란 종료 조건이 없어서 계속 반복되는 상황을 의미합니다. 'for'문의 각 요소를 생략하면 무한 루프를 만들 수 있습니다:

for (;;) {
  // 조건 없이 무한 반복
}

이 코드는 지속적으로 내부 코드를 실행하며, 일반적으로 이런 경우는 피해야 합니다.

중첩 for문

자바스크립트에서는 'for'문을 다른 'for'문 안에 넣어 중첩할 수 있습니다. 주로 2차원 배열을 다뤄야 할 때 유용합니다. 다음 코드를 살펴보겠습니다:

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
for (let i = 0; i < matrix.length; i++) {
  for (let j = 0; j < matrix[i].length; j++) {
    console.log(matrix[i][j]);
  }
}

위 예제는 2차원 배열의 모든 요소를 출력합니다. 외부 루프는 행을 순회하고, 내부 루프는 각 행의 열을 순회하여 각 요소를 출력합니다.

break와 continue

'for'문에서도 'break'와 'continue'를 활용하여 제어할 수 있습니다. 'break'는 반복문을 강제로 종료시키고, 'continue'는 현재 반복을 건너뛰고 다음 반복을 진행하게 합니다. 아래 예시를 통해 확인해보세요:

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break; // i가 5일 때 반복 종료
  }
  console.log(i);
}

이 코드를 실행하면 0부터 4까지 출력되며, 5에서 반복이 중단됩니다.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue; // i가 5일 때 현재 반복 건너뛰기
  }
  console.log(i);
}

반면 이 코드는 0부터 9까지 출력하지만, 5는 건너뛰게 됩니다.

for...in과 for...of

자바스크립트에서 'for'문 외에도 'for...in'과 'for...of' 문을 사용할 수 있습니다. 'for...in'은 객체의 속성을 열거하는 데 유용하며, 'for...of'는 배열이나 반복 가능한 객체를 순회할 때 사용합니다. 각각의 사용 예시는 다음과 같습니다:

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  console.log(key, obj[key]); // 객체의 키와 값 출력
}

const arr = [10, 20, 30];
for (let value of arr) {
  console.log(value); // 배열의 각 요소 출력
}

결론

자바스크립트의 'for'문은 반복적인 작업을 손쉽게 처리할 수 있게 도와주는 매우 유용한 구문입니다. 기본적인 사용법부터 중첩, 제어 구문까지 다양한 활용 방법을 알게 되셨으리라 생각합니다. 이러한 반복문을 적절히 활용하여 효율적인 코드를 작성해보세요.

자주 묻는 질문과 답변