반복문(for) - 자바스크립트

for 문은 반복문을 나타내는 구문입니다. for 문을 사용하면 코드를 지정한 횟수만큼 반복해서 실행할 수 있습니다.

for (초기식; 조건식; 증감식) {
  // 조건식이 true일 동안 반복할 코드
}

위의 코드에서 초기식은 반복문이 실행되기 전에 단 한 번 실행됩니다. 조건식은 매 반복마다 평가되며, true(참)일 때만 중괄호 안에 있는 코드 블록이 실행됩니다. 증감식은 매 반복이 끝날 때마다 실행됩니다.
for 문에서 사용되는 세미콜론(;)은 각 구문을 구분하는 역할을 합니다. 따라서 초기식, 조건식, 증감식은 각각 세미콜론으로 구분되어야 합니다.

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

위의 코드에서는 i 변수가 0으로 초기화됩니다. i가 5보다 작을 때까지 조건식이 true이므로, 코드 블록 내부의 console.log(i)가 5번 반복해서 실행됩니다. 반복마다 i는 1씩 증가합니다. 따라서 콘솔에는 0, 1, 2, 3, 4가 차례로 출력됩니다.

간단한 예시로 for문을 더 알아보도록 하겠습니다.

1. 배열의 요소를 순회하기

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// 1
// 2
// 3
// 4
// 5

위의 코드에서는 arr 배열의 요소를 하나씩 순회하면서, 각 요소를 콘솔에 출력합니다.

2. 객체의 프로퍼티를 열거하기

const obj = { name: "홍길동", age: 30, gender: "남성" };
for (let key in obj) {
  console.log(`${key}: ${obj[key]}`);
}

// name: 홍길동
// age: 39
// gender: 남성

위의 코드에서는 obj 객체의 프로퍼티를 하나씩 열거하면서, 각 프로퍼티의 키와 값을 콘솔에 출력합니다.

3. 이중for문을 사용한 구구단 출력

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

위의 코드에서는 중첩 for 문을 사용하여 2단부터 9단까지의 구구단을 출력합니다. 바깥쪽 for 문은 구구단의 단을, 안쪽 for 문은 곱하는 수를 나타냅니다. 안쪽 for문안으로 들어가 1부터9까지 곱하는 수를 반복한후 바깥쪽의 단을 나타내는 포문이 1씩 증가하게 됩니다. 

for문은 for in, for of, foreach등 다양한 문법으로도 사용할 수 있습니다. 상황에 맞는 for문을 사용할때를 알기위해서는 기본적인 for문의 구조와 쓰임을 이해한 후 공부하셔도 충분합니다.