반응형
자바스크립트의 반복문(loop) 은 같은 동작을 여러 번 실행할 때 사용합니다.
대표적인 반복문은 for, while, do…while, 그리고 배열 전용 반복인 for…of, for…in 등이 있습니다.
1. for 반복문
- 가장 기본적인 형태
- 반복 횟수가 명확할 때 사용
// 1부터 5까지 출력
for (let i = 1; i <= 5; i++) {
console.log(i);
}실행 흐름
- let i = 1 → 초기화
- i <= 5 → 조건 검사
- console.log(i) → 실행
- i++ → 증감
- 조건이 false 될 때까지 반복
2. while 반복문
- 조건이 참일 동안 반복
let count = 1;
while (count <= 5) {
console.log(count);
count++;
}- 반복 횟수가 미정이고, 조건으로 제어할 때 적합
3. do…while 반복문
- 무조건 한 번은 실행 후 조건 검사
let num = 1;
do {
console.log(num);
num++;
} while (num <= 5);4. for…of 반복문
- 배열, 문자열, iterable 객체 순회
let fruits = ["사과", "바나나", "포도"];
for (let fruit of fruits) {
console.log(fruit);
}5. for…in 반복문
- 객체의 속성(key) 순회
let person = { name: "홍길동", age: 25 };
for (let key in person) {
console.log(key + ": " + person[key]);
}반복문 + break / continue
- break → 반복문 종료
- continue → 해당 반복 건너뛰기
for (let i = 1; i <= 5; i++) {
if (i === 3) continue; // 3만 건너뛰기
if (i === 5) break; // 5에서 종료
console.log(i);
}<!DOCTYPE html>
<html>
<head>
<title>for문 예제</title>
</head>
<body>
<h2>for문 예제</h2>
<div id="result"></div>
<script>
let text = "";
for (let i = 1; i <= 5; i++) {
text += "숫자: " + i + "<br>";
}
document.getElementById("result").innerHTML = text;
</script>
</body>
</html>
반응형
'자바스크립트_Javascript' 카테고리의 다른 글
| 자바스크립트: 로그인 페이지 만들기 (2) | 2025.08.17 |
|---|---|
| Javascript: 조건문 if (4) | 2025.08.15 |
| Javascript: 함수 Function (11) | 2025.08.14 |
| Javascript: 계산기 calculator (6) | 2025.08.13 |
| Javascript: 연산자 Operators (4) | 2025.08.13 |