JavaScript 반복문

while (조건식) {
  // 조건이 true인 동안 반복 실행
  i++; // 증가감식 (필수!)
}

let i = 5;
while (i >= 1) {
  console.log(i);
  i--; // 1씩 감소
}
// 출력: 5, 4, 3, 2, 1

for (초기값; 조건식; 증가감식) {
  // 반복 실행
}

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

let nums = '';
for (let i = 1; i <= 100; i++) {
  if (i % 4 === 0 && i % 8 === 0) {
    nums += i + ' ';
  }
}
console.log(nums);

// 40까지만 찾고 멈추기
let nums = '';
let limitNum = 40;
for (let i = 1; i <= 100; i++) {
  if (i % 4 === 0 && i % 8 === 0) {
    nums += i + ' ';
    if (i === limitNum) {
      break; // 여기서 반복 중단!
    }
  }
}

// 4의 배수는 모으고, 4의 배수가 아닌 수만 더하기
let nums = '';
let sum = 0;
for (let i = 1; i <= 10; i++) {
  if (i % 4 === 0) {
    nums += i + ' ';
    continue; // 이 반복만 건너뛰기
  }
  sum += i;
}
console.log(`합: ${sum}, 4의배수: ${nums}`);

배열.forEach(function(요소, 인덱스, 배열) {
  // 각 요소에 대해 실행
})

// 또는 화살표 함수로
배열.forEach((요소) => {
  // 실행
})

// ❌ for문 (길어짐)
const fruits = ["사과", "바나나", "오렌지"];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

// ✅ forEach (깔끔!)
fruits.forEach((fruit) => {
  console.log(fruit);
})

const subjects = ["HTML", "CSS", "JavaScript"];
const list = document.getElementById("subjectList");

subjects.forEach((subject) => {
  const li = document.createElement("li");
  li.textContent = subject;
  list.appendChild(li);
})

for (const 요소 of 배열) {
  // 각 요소에 대해 실행
}

// 1️⃣ for: 인덱스 필요
for (let i = 0; i < arr.length; i++) { }

// 2️⃣ forEach: 콜백 함수
arr.forEach((item) => { })

// 3️⃣ for...of: 가장 간단!
for (const item of arr) { }

let table = '<table>';
for (let i = 2; i <= 9; i++) {
  table += '<tr>';
  for (let j = 1; j <= 9; j++) {
    table += `<td>${i}*${j}=${i*j}</td>`;
  }
  table += '</tr>';
}
table += '</table>';
document.write(table);