반응형
반복문이란?
반복문은 특정 조건이 참일 때까지 코드 블록을 반복해서 실행하는 구조입니다. JavaScript에서 반복문을 사용하면 반복적인 작업을 자동으로 수행할 수 있습니다.
for 문
for
문은 가장 일반적인 반복문으로, 반복 횟수가 명확할 때 사용합니다.
기본 문법
for (초기화; 조건; 증감) {
// 반복해서 실행될 코드
}
예제
for (let i = 0; i < 5; i++) {
console.log(i);
}
// 출력: 0, 1, 2, 3, 4
while 문
while
문은 조건이 참인 동안 코드 블록을 반복해서 실행합니다.
기본 문법
while (조건) {
// 조건이 참인 동안 반복해서 실행될 코드
}
예제
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
// 출력: 0, 1, 2, 3, 4
do...while 문
do...while
문은 코드 블록을 먼저 실행한 후 조건을 평가합니다. 조건이 참인 동안 코드 블록을 반복해서 실행합니다.
기본 문법
do {
// 조건이 참인 동안 반복해서 실행될 코드
} while (조건);
예제
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
// 출력: 0, 1, 2, 3, 4
for...in 문
for...in
문은 객체의 열거 가능한 속성을 반복해서 실행합니다.
기본 문법
for (변수 in 객체) {
// 객체의 속성에 대해 반복해서 실행될 코드
}
예제
let person = {
name: 'Alice',
age: 25,
city: 'New York'
};
for (let key in person) {
console.log(key + ': ' + person[key]);
}
// 출력:
// name: Alice
// age: 25
// city: New York
for...of 문
for...of
문은 반복 가능한 객체(배열, 문자열 등)의 값을 반복해서 실행합니다.
기본 문법
for (변수 of 반복 가능한 객체) {
// 반복 가능한 객체의 값에 대해 반복해서 실행될 코드
}
예제
let numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
console.log(number);
}
// 출력: 1, 2, 3, 4, 5
반복문 제어
break 문
break
문은 반복문을 종료합니다.
예제
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
// 출력: 0, 1, 2, 3, 4
continue 문
continue
문은 현재 반복을 종료하고, 다음 반복을 시작합니다.
예제
for (let i = 0; i < 10; i++) {
if (i === 5) {
continue;
}
console.log(i);
}
// 출력: 0, 1, 2, 3, 4, 6, 7, 8, 9
중첩 반복문
반복문 안에 또 다른 반복문을 넣어 복잡한 반복 작업을 수행할 수 있습니다.
예제
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
console.log(`i = ${i}, j = ${j}`);
}
}
// 출력:
// i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
// i = 1, j = 1
// i = 1, j = 2
// i = 2, j = 0
// i = 2, j = 1
// i = 2, j = 2
결론
반복문은 코드의 특정 부분을 여러 번 실행하는 데 유용한 구조입니다. 이번 글에서는 for
, while
, do...while
, for...in
, for...of
문과 반복문 제어 방법에 대해 배웠습니다. 다음 글에서는 함수 기초에 대해 알아보겠습니다.
다음 글에서 만나요!
반응형
'JavaScript 문법 시리즈' 카테고리의 다른 글
[JavaScript 문법] 7일차: 스코프와 클로저 (0) | 2024.08.07 |
---|---|
[JavaScript 문법 ] 6일차: 함수 기초 (0) | 2024.08.06 |
[JavaScript 문법] 4일차: 조건문 (0) | 2024.08.04 |
[JavaScript 문법] 3일차: 연산자와 표현식 (0) | 2024.08.03 |
[JavaScript 문법] 2일차: 변수와 데이터 타입 (0) | 2024.08.02 |