[JavaScript] 04. 반복문

[JavaScript] 04. 반복문

반복문은 같은 작업을 여러 번 실행해야 할 때 사용한다. 조건이 만족되는 동안 특정 코드를 반복해서 실행할 수 있다.

---

1) 반복문이 필요한 이유

동일한 코드를 여러 번 작성하는 것은 비효율적이다. 반복문을 사용하면 코드의 길이를 줄이고, 같은 규칙을 가진 작업을 쉽게 처리할 수 있다.

// 반복문 없이 작성한 경우
console.log(1);
console.log(2);
console.log(3);

// 반복문 사용
for (let i = 1; i <= 3; i++) {
  console.log(i);
}

---

2) for 문

for 문은 반복 횟수가 명확할 때 자주 사용된다.

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

• 초기식 : 반복을 시작할 변수 선언
• 조건식 : 반복을 계속할 조건
• 증감식 : 반복 후 실행되는 코드

---

3) while 문

while 문은 조건이 참인 동안 계속해서 반복 실행된다.

let i = 0;

while (i < 3) {
  console.log(i);
  i++;
}

조건이 처음부터 거짓이면 한 번도 실행되지 않을 수 있다.

---

4) do-while 문

do-while 문은 조건과 상관없이 최소 한 번은 실행된다.

let j = 0;

do {
  console.log(j);
  j++;
} while (j < 3);

---

5) break 와 continue

① break

반복문을 즉시 종료한다.

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

② continue

현재 반복을 건너뛰고 다음 반복으로 넘어간다.

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

---

6) 배열과 반복문

반복문은 배열과 함께 자주 사용된다.

let arr = [10, 20, 30];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

---

7) forEach

forEach는 배열의 각 요소를 하나씩 처리할 때 사용한다.

let nums = [1, 2, 3];

nums.forEach(function(value) {
  console.log(value);
});

---

8) for...of 문

for...of 문은 배열의 값을 직접 가져와 반복한다.

let list = ["a", "b", "c"];

for (let item of list) {
  console.log(item);
}

---

9) 정리

• 반복문은 같은 작업을 여러 번 실행할 때 사용한다
• for, while, do-while이 기본 반복문이다
• break는 반복 종료, continue는 다음 반복으로 이동한다
• 배열과 함께 forEach, for...of를 자주 사용한다

다음 글에서는 [JavaScript] 05. 함수(Function)를 정리할 예정이다.