자바스크립트 for문 사용법과 예제

자바스크립트의 for문: 기본 개념과 활용법

프로그래밍에서 반복문은 많은 작업에서 필수적인 역할을 합니다. 그 중 자바스크립트의 for문은 가장 광범위하게 사용되는 반복문 중 하나입니다. 이 글에서는 for문의 기본 개념, 사용 방법, 여러 가지 활용 예제와 주의사항 등을 살펴보겠습니다.

for문의 기본 구조

for문의 구조는 다음과 같습니다:

for (초기화 ; 조건식 ; 증감식) {
  // 반복 실행할 코드 블록
}

위의 구조로 보면, 초기화는 반복문이 시작될 때 변수의 초기값을 설정합니다. 조건식은 반복문의 실행 여부를 판단하며, 증감식은 반복이 끝난 후 변수의 값을 업데이트합니다. 이 세 가지 요소가 결합되어 for문이 제대로 기능할 수 있습니다.

for문 사용 예시

이제 간단한 예제를 통해 for문의 활용을 알아보겠습니다. 아래 코드는 1부터 10까지의 숫자를 출력하는 예제입니다.

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

위 코드를 실행하면 1부터 10까지의 숫자가 콘솔에 출력됩니다. 여기서 i는 루프 변수를 대표하며, 각 반복마다 1씩 증가하는 구조입니다.

중첩 for문 사용하기

for문은 중첩할 수 있습니다. 즉, 한 for문 안에 다른 for문을 포함시킬 수 있습니다. 이를 통해 다차원 배열이나 특정 패턴을 처리할 수 있습니다. 예를 들어, 구구단을 출력하는 코드는 다음과 같습니다:

for (let i = 2; i <= 9; i++) {
  for (let j = 1; j <= 9; j++) {
    console.log(${i} x ${j} = ${i * j});
  }
}

이러한 방식으로 구구단의 모든 결과를 손쉽게 출력할 수 있습니다.

for...in 문: 객체의 속성 순회

for문은 배열에 주로 사용되지만, 자바스크립트에는 객체의 속성을 순회할 수 있는 for...in 문도 존재합니다. 이 문법은 객체의 모든 열거 가능한 속성 이름을 반복적으로 출력할 수 있습니다.

for...in 문 사용법

for...in문의 기본 형식은 다음과 같습니다:

for (let key in object) {
  // key를 사용하여 object의 속성에 접근
}

여기서 object는 순회할 객체이며, key는 해당 객체의 프로퍼티 이름입니다. 예를 들어:

const student = {
  name: 'Alice',
  age: 22,
  major: 'Computer Science'
};
for (let key in student) {
  console.log(${key}: ${student[key]});
}

이 코드는 학생 객체의 모든 속성을 출력합니다. 출력 결과는 다음과 같습니다:

• name: Alice
• age: 22
• major: Computer Science

for...in 문 사용 시 주의사항

for...in문을 사용할 때는 몇 가지 주의사항이 있습니다:

• 프로토타입 체인의 속성도 포함됩니다. 객체 자신의 속성만 순회하고 싶다면 hasOwnProperty 메서드를 사용해야 합니다.
• 순서가 보장되지 않으므로, 특정 순서로 속성을 처리할 필요가 있을 경우 다른 방법을 고려해야 합니다.
• 열거 가능한 속성만 순회하므로, Object.defineProperty로 설정한 속성이 enumerable: false일 경우 해당 속성은 순회되지 않습니다.

반복문에서의 break와 continue

for문에서는 break와 continue 문을 사용하여 반복문을 제어할 수 있습니다.

break 문

break 문은 반복문을 즉시 종료하는 데 사용됩니다. 특정 조건을 만족할 때 반복을 중단하고 싶을 때 유용합니다. 아래는 사용 예시입니다:

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

위 예제에서는 0부터 4까지 출력한 후, i가 5가 되는 순간 반복이 종료됩니다.

continue 문

continue 문은 현재 반복을 건너뛰고 다음 반복으로 이동하게 합니다. 특정 조건에서 현재 루프의 나머지 부분을 무시하고 싶을 때 사용됩니다. 다음은 예제입니다:

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue; // 짝수는 건너뜀
  }
  console.log(i); // 홀수만 출력
}

이 경우, 짝수는 출력되지 않고 홀수만 출력되는 결과를 얻을 수 있습니다.

마무리

자바스크립트의 for문은 다양한 상황에서 유용하게 사용될 수 있는 강력한 도구입니다. 배열을 순회하거나 객체의 속성을 반복적으로 처리하는 데 적합하며, 적절한 제어 구조를 통해 효율적인 코드를 작성할 수 있습니다. 반복문을 잘 활용하면 코드의 가독성과 유지보수성을 높일 수 있습니다. 앞으로도 이 기술을 통해 더 복잡한 문제를 해결해 나갈 수 있기를 바랍니다.

자주 물으시는 질문