반복문(for의 3가지 규칙)

for의 3가지 규칙
for (초기값; 조건; 증감식) {
// 반복할 코드
}

초기값: 반복을 시작하기 위한 변수 설정 (보통 let i = 0)
조건: 이 조건이 true일 때만 반복됨 (예: i < 5)
증감식: 한 번 반복이 끝난 후 실행되는 코드 (보통 i++로 숫자 1 증가)

🔄1단계

1부터 10까지 출력하기

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

}

🔄1.5단계(응용)

짝수만 출력하기 (1~20)

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

🔄2단계

배열 출력하기

const animals = ['dog', 'cat', 'rabbit', 'hamster'];

for(var i = 0; i < animals.length; i++) {
    console.log(animals[i]);
}

💡 해설:
animals.length: 배열의 길이 (4)

i는 0부터 시작해서 3까지 반복 (0, 1, 2, 3)

animals[i]는 배열에서 i번째 요소

🔄3단계

합계 구하기

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

💡 해설:
let sum = 0: 합계를 저장할 변수

i는 1부터 100까지 반복

sum += i: 반복마다 i를 계속 sum에 더함

반복이 끝나면 sum에는 1~100까지의 총합이 저장됨

🔄4단계

구구단 2단

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

🔄4.5단계(응용)

구구단 2~9단

이중for문 사용

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

🔄4.5단계(심화)

구구단 2~9단 가로 배치

for (let i = 2; i <= 9; i++) {
    line = ''; // 매 단마다 초기화
    for(let j = 1; j <= 9; j++) {
        line += `${i} * ${j} = ${i * j}  `;
    }
    console.log(line); // 한 줄 출력
}