js for문

JavaScript에서 for문은 반복 작업을 수행하는 데 사용되는 제어 구조입니다. 
특정 조건이 참일 동안 코드를 반복 실행할 수 있습니다. 
for문은 주로 배열이나 객체의 요소를 순회하거나, 
특정 횟수만큼 반복 작업을 수행할 때 사용됩니다.

 

 

 

 

기본 구조

for (초기화; 조건; 증감) {
    // 반복 실행할 코드
}

 

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

 

0부터 4까지의 숫자를 출력하는 간단한 for문입니다.

let i = 0: 반복 변수를 0으로 초기화합니다.
i < 5: 변수가 5보다 작을 때까지 반복합니다.
i++: 각 반복 후 i를 1씩 증가시킵니다.

 

배열순회

const fruits = ["사과", "바나나", "오렌지"];

for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]); // "사과", "바나나", "오렌지" 출력
}

for문을 사용하여 배열의 모든 요소를 출력할 수 있습니다.

 

for...of 문

const fruits = ["사과", "바나나", "오렌지"];

for (const fruit of fruits) {
    console.log(fruit); // "사과", "바나나", "오렌지" 출력
}

ES6에서 도입된 for...of 문은 배열 및 iterable 객체의 요소를 반복할 때 유용합니다.

 

for...in 문

const person = {
    name: "홍길동",
    age: 30,
    city: "서울"
};

for (const key in person) {
    console.log(`${key}: ${person[key]}`); // "name: 홍길동", "age: 30", "city: 서울" 출력
}

for...in 문은 객체의 프로퍼티를 반복할 때 사용됩니다.

 

 

중첩된 for문

const matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

for (let i = 0; i < matrix.length; i++) {
    for (let j = 0; j < matrix[i].length; j++) {
        console.log(matrix[i][j]); // 1, 2, 3, 4, 5, 6, 7, 8, 9 출력
    }
}

for문을 중첩하여 사용할 수 있습니다. 예를 들어, 2차원 배열을 순회할 때 유용합니다.

 

break

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // i가 5일 때 반복 종료
    }
    console.log(i); // 0, 1, 2, 3, 4 출력
}

break: for문을 즉시 종료합니다.

 

continue

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        continue; // 짝수일 경우 현재 반복 건너뜀
    }
    console.log(i); // 1, 3, 5, 7, 9 출력
}

continue: 현재 반복을 건너뛰고 다음 반복으로 넘어갑니다.