JavaScript 반복문 비교: for, for...of, for...in

JavaScript에서는 다양한 반복문을 제공하여, 컬렉션 또는 반복 가능한 객체를 순회할 수 있습니다. 여기서는 for, for...of, for...in 반복문에 대해 알아봅니다.

for 반복문

기본적인 for 반복문은 조건이 거짓으로 평가될 때까지 코드 블록을 반복 실행합니다.

예시

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

결과값

0
1
2

특징

반복 횟수가 명확할 때 주로 사용됩니다.
초기화, 조건 검사, 증감식으로 구성됩니다.

for...of 반복문

for...of 반복문은 반복 가능한 객체(예: 배열, 문자열 등)를 순회하며, 각 값에 대해 실행될 코드 블록을 정의합니다.

예시

const array = ['a', 'b', 'c'];

for (const value of array) {
    console.log(value);
}

결과값

a
b
c

특징

배열과 같은 반복 가능한 객체의 각 요소에 대해 순회합니다.
객체의 속성이 아닌 값을 직접 순회합니다.

for...in 반복문

for...in 반복문은 객체의 모든 열거 가능한 속성에 대해 반복하며, 각 속성에 대해 정의된 코드 블록을 실행합니다.

예시

const object = {a: 1, b: 2, c: 3};

for (const property in object) {
    console.log(`${property}: ${object[property]}`);
}

결과값

a: 1
b: 2
c: 3

특징

객체의 속성 이름을 순회합니다.
배열에 사용할 경우, 배열의 인덱스를 문자열로 반환합니다. 배열을 순회할 때는 for...of가 더 적합할 수 있습니다.
객체의 열거 가능한 속성을 순회하므로, 객체의 키-값 쌍에 접근할 때 유용합니다.

JavaScript의 while과 do...while 반복문

JavaScript에서 while과 do...while 반복문은 조건을 기반으로 코드 블록을 반복 실행합니다. 이들의 주요 차이는 조건 검사 시점에 있습니다.

while 반복문

while 반복문은 조건이 참(true)인 동안 코드 블록을 반복 실행합니다. 반복 전에 조건을 검사합니다.

예시

let count = 0;
while (count < 3) {
    console.log(count);
    count++;
}

결과값

0
1
2

특징

조건이 처음부터 거짓인 경우, 코드 블록이 단 한 번도 실행되지 않을 수 있습니다.

do...while 반복문

do...while 반복문은 코드 블록을 최소 한 번 실행한 후 조건을 검사하여 추가 실행 여부를 결정합니다.

예시

let count = 0;
do {
    console.log(count);
    count++;
} while (count < 3);

결과값

0
1
2

특징

조건의 참/거짓에 상관없이 코드 블록이 최소 한 번은 실행됩니다.

반복문 비교 표

다음 표는 for, for...of,for...in, while, do...while 반복문의 주요 차이점을 정리한 것입니다.

특징/반복문	for	for...of	for...in	while	do...while
초기화 및 증감식	지원함	지원하지 않음	지원하지 않음	사용자 정의	사용자 정의
반복 대상	반복 횟수나 범위	반복 가능한 객체 값	객체 속성 이름	조건이 참인 동안	조건이 참인 동안
조건 검사 시점	반복 전	반복 전	반복 전	반복 전	반복 후
최소 실행 횟수	0회	0회	0회	0회	1회
사용 사례	반복 횟수가 명확할 때	객체의 값 순회할 때	객체의 속성을 순회할 때	조건에 따른 반복 필요시	조건에 따른 반복, 최소 1회 실행 필요시

각 반복문은 특정 상황에 적합하도록 설계되었습니다. 적절한 반복문 선택은 코드의 명확성과 효율성을 높이는 데 중요한 요소입니다.