자바스크립트 반복문의 기본 개념과 활용법 알아보기

자바스크립트에서 반복문(Loop)은 같은 작업을 반복적으로 수행할 때 사용됩니다. 여러 종류의 반복문이 있으며, 각각 특정 상황에 맞게 사용됩니다. 

1. For문

• for문은 가장 일반적인 반복문으로, 특정 조건이 거짓이 될 때까지 반복합니다. 

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

for (let i = 0; i < 5; i++) {
  console.log("i") // 0부터 4까지 출력
}

2. While문

• while문은 조건문이 참이기만 하면 계속해서 루프를 실행합니다. 

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

let i = 0;
while (i < 5) {
  console.log(i); // 0부터 4까지 출력
  i++;
}

3. Do... While문

• do... while문은 최소 한 번은 루프 내의 코드를 실행한 후, 특정 조건이 거짓으로 판별될 때까지 반복합니다. 

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

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

4. For...In문

• for...in문은 객체의 모든 열거 가능한 속성에 대해 반복합니다. 주로 객체의 속성을 반복할 때 사용됩니다. 배열에 사용할 수도 있지만, 배열의 인덱스가 아닌 모든 열거 가능한 속성으로 순회하기 때문에 일반적으로 배열에는 권장되지 않습니다. (반환되는 값은 객체의 키)

for (변수 in 객체) {
  // 실행할 코드
}

const person = {name: "dongoori", age: 20};
for (let key in person) {
    console.log(key + ': ' + person[key]); // name과 age출력
}

5. For...Of문

• for...of문은 반복 가능한 객체(Array, String, Map, Set 등)의 각 요소에 대해 반복합니다. ES6에서 도입되었습니다. (반환되는 값은 컬렉션의 요소 값)

for (변수 of 반복가능한객체) {
  // 실행할 코드
}

const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
    console.log(number); // 1, 2, 3, 4, 5 순서대로 출력
}

반복문 사용 시 주의사항

• 무한 루프: 조건이 항상 참으로 평가되면 무한 루프에 빠질 수 있으므로 주의해야 합니다.
• 성능: 반복문은 프로그램의 성능에 영향을 줄 수 있으므로, 필요 이상으로 반복되지 않도록 주의해야 합니다.