ryxxn

[javascript] 반복문 총정리 본문

javascript

[javascript] 반복문 총정리

drxxn 2023. 7. 29. 19:00

반복문은 자바스크립트에서 특정 작업을 반복적으로 수행할 때 사용되는 구문이다. 다양한 종류의 반복문이 있으며, 각각의 특징과 사용법을 알아보자.

 

    목차

1. for 문

for문은 가장 일반적으로 사용되는 반복문으로, 지정된 조건이 참인 동안 코드 블록을 반복 실행한다.

for (초기값; 조건; 증감식) {
    // 실행될 코드
}


예시

for (let i = 0; i < 5; i++) {
    console.log(i);
}
// 결과: 0 1 2 3 4

2. while 문

while문은 주어진 조건이 참인 동안 코드 블록을 반복 실행한다.

while (조건) {
    // 실행될 코드
}


예시

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}
// 결과: 0 1 2 3 4

3. do-while 문

do-while문은 while문과 유사하지만, 먼저 코드 블록을 실행한 후 조건을 확인한다. 따라서 코드 블록이 최소한 한 번은 실행된다.

do {
    // 실행될 코드
} while (조건);


예시

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);
// 결과: 0 1 2 3 4

4. for...of 문

for...of문은 반복 가능한(iterable) 객체(배열, 문자열, Map, Set 등)의 각 요소들을 순회한다.

for (const element of iterable) {
    // 실행될 코드
}


예시

const colors = ['red', 'green', 'blue'];
for (const color of colors) {
    console.log(color);
}
// 결과: red green blue

5. for...in 문

for...in문은 객체의 열거 가능한 속성들을 순회한다.

for (const key in object) {
    // 실행될 코드
}


예시

const person = {
    name: 'John',
    age: 30,
    gender: 'male'
};
for (const key in person) {
    console.log(key + ': ' + person[key]);
}
// 결과: name: John, age: 30, gender: male