JavaScript - Continue 문구

안녕하세요, 미래의 JavaScript 마법사 여러분! 오늘 우리는 JavaScript에서 가장 유용한 제어 흐름 문구 중 하나를 배울 것입니다: Continue 문구. 코드에 "건너뛰기" 버튼을 가지는 것과 같아요! 이 흥미로운 여정을 함께 시작해봅시다.

JavaScript - Continue Statement

Continue 문구는 무엇인가요?

자세한 내용에 들어가기 전에, Continue 문구가 무엇을 하는지 이해해 보겠습니다. 책을 읽다가 당신에게 중요하지 않은 페이지를 만나게 되면 어떻게 하세요? 건너뛰고 다음 페이지로 넘어가지 않습니까? 프로그래밍에서 Continue 문구가 하는 일도 exactamente 그거입니다!

Continue 문구는 현재 루프의 나머지 부분을 건너뛰고 다음 반복으로 넘어가도록 프로그램에 알립니다. "여기서 볼 것 없어, 다음으로 가자!"라고 말하는 것과 같습니다.

문법

Continue 문구의 문법은 상당히 간단합니다:

continue;

이게 전부입니다! 단어 하나로 이렇게 많은 일을 할 수 있습니다. 하지만 기억하세요, 이 문구는 루프 내에서만 작동합니다. 루프 밖에서 사용하면 오류가 발생합니다. 책을 읽지 않는 중에 페이지를 건너뛰려고 하면 마찬가지로 안 됩니다!

for 루프와 함께 사용하는 Continue 문구

가장 흔한 Continue 문구의 사용 사례는 for 루프 내에서입니다. 다음은 예제입니다:

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

이 코드가 무엇을 출력할까요? 하나씩 설명해 보겠습니다:

  1. 루프는 i = 1에서 시작합니다.
  2. 1을 출력합니다.
  3. i가 2가 되면, 2를 출력합니다.
  4. i가 3가 되면, 하지만 기다리세요! if 조건이 참이므로 continue 문구를 만납니다.
  5. continue 문구는 루프의 나머지 부분을 건너뛰고 다음 반복으로 넘어갑니다.
  6. i가 4가 되면, 4를 출력합니다.
  7. 마지막으로, i가 5가 되면, 5를 출력합니다.

따라서 출력은 다음과 같습니다:

1
2
4
5

3이 누락되었나요? 그것이 우리의 Continue 문구가 작동한 결과입니다!

while 루프와 함께 사용하는 Continue 문구

Continue 문구는 while 루프에서도 잘 작동합니다. 예제를 보겠습니다:

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

이 코드는 for 루프 예제와 비슷하지만, while 루프를 사용합니다. 출력은 어떤가요? 정답은:

1
2
4
5

다시 한번, 3이 건너뛰어졌습니다. 우리의 신뢰할 수 있는 Continue 문구 덕분입니다.

중첩 루프와 함께 사용하는 Continue 문구

이제 중첩 루프로 한 단계 더 나아가보겠습니다. 이 부분에서는 정말 흥미로워집니다!

for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
if (i === 2 && j === 2) {
continue;
}
console.log(`i = ${i}, j = ${j}`);
}
}

이 코드에는 루프가 또 다른 루프 내에 있습니다. Continue 문구는 내부 루프에 있습니다. 무엇이 일어날까요? 보겠습니다:

i = 1, j = 1
i = 1, j = 2
i = 1, j = 3
i = 2, j = 1
i = 2, j = 3
i = 3, j = 1
i = 3, j = 2
i = 3, j = 3

i = 2, j = 2가 누락되었나요? 그것이 우리의 Continue 문구가 다시 한 번 작동한 결과입니다! 내부 루프의 특정 반복을 건너뛰었습니다.

일반적인 사용 사례

이제 Continue 문구가 어떻게 작동하는지 이해했으므로, 몇 가지 일반적인 사용 사례를 살펴보겠습니다:

  1. 배열에서 원치 않는 요소를 건너뛰기:
let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for (let i = 0; i < numbers.length; i++) {
if (numbers[i] % 2 !== 0) {
continue;
}
console.log(numbers[i]);
}

이 코드는 짝수만 출력하고 모든 홀수를 건너뛰습니다.

  1. 불필요한 계산을 피하기:
for (let i = 1; i <= 100; i++) {
if (i % 10 !== 0) {
continue;
}
console.log(`${i}는 10으로 나누어 떨어집니다`);
}

이 코드는 10으로 나누어 떨어지는 숫자에 대해서만 console.log를 수행하고, 나머지 숫자에 대해서는 불필요한 계산을 피합니다.

최선의 관행과 팁

  1. 가급적 적게 사용: Continue 문구는 강력하지만, 과도한 사용은 코드가 읽기 어려워질 수 있습니다. 진정으로 필요할 때에만 사용하세요.

  2. 코드에 주석 달기: Continue 문구를 사용할 때, 왜 해당 반복을 건너뛰는지 설명하는 주석을 달아 두는 것이 좋습니다.

  3. do...while 루프에 주의: do...while 루프에서 Continue 문구를 사용하면, 조건 점검으로 이동하게 되지 않고 루프 본문의 시작으로 이동합니다.

이 표는 Continue 문구의 주요 포인트를 요약합니다:

요소 설명
목적 현재 루프 반복의 나머지 부분을 건너뛰기
문법 continue;
작동 루프 for 루프, while 루프, do...while 루프
중첩 루프에 대한 영향 내부 루프에만 영향을 미침
가장 잘 사용되는 경우 불필요한 반복이나 계산을 건너뛰기

이제 여러분은 Continue 문구에 대한 지식을 갖추었습니다. 기억하시오, 프로그래밍에서 어떤 도구를 사용하는 것은 언제와 어떻게 사용하는 것에 달려 있습니다. 행복하게 코딩하시고, 루프가 항상 원활하게 계속되길 바랍니다!

Credits: Image by storyset