JavaScript 루프를 끊는 방법과 깨뜨려야 하는 이유

by

주요 시사점

  • JavaScript 루프는 코드를 반복하는 데 필수적이며 구문과 뉘앙스를 이해하는 것이 중요합니다.
  • break 문을 사용하면 루프를 조기에 종료하여 보다 효율적인 코드 실행이 가능합니다.
  • 루프를 벗어나면 코드를 최적화하고 불필요한 반복을 방지하며 오류를 효과적으로 처리하는 데 도움이 됩니다.

JavaScript의 루프를 사용하면 코드를 반복할 수 있지만 특별한 경우를 처리하기 위해 루프를 종료해야 하는 경우도 있습니다. 이것이 break 문이 들어오는 곳입니다. break 문이 작동하는 방식과 이것이 필요한 이유를 알아보세요.

JavaScript 루프 이해

JavaScript 루프를 사용하면 코드를 반복하여 프로그램을 깔끔하게 유지하고 반복을 줄일 수 있습니다. 루프는 작성하는 거의 모든 프로그램에서 사용하는 중요한 개념입니다. 따라서 JavaScript를 이제 막 배우기 시작했다면 루프를 철저하게 이해해야 합니다.

익숙해야 할 다양한 유형의 JavaScript 루프는 다음과 같습니다.

  • for 루프
  • while 루프
  • do… while 루프
  • for…in 루프
  • for…of 루프

모두 반복을 수행하지만 각기 다른 상황에 적합하도록 약간의 뉘앙스가 있습니다. 각 루프 유형의 구문은 다음과 같습니다.

루프 유형

통사론

설명

~을 위한

 
for (init; cond; next) {
    
}

지정된 조건(cond)이 true인 동안 코드 블록을 실행합니다. 초기화 표현식(init)은 루프 시작 시 한 번 실행되는 반면, 다음 표현식은 루프가 코드 블록의 끝에 도달할 때마다 실행됩니다.

~하는 동안

 
while (condition) {
    
}

지정된 조건이 true인 동안 코드 블록을 실행합니다.

하다…그동안

 
do {
    
} while (condition);

지정된 조건이 true인 동안 코드 블록을 실행합니다. 코드 블록을 실행한 후 조건을 확인하므로 항상 적어도 한 번은 실행됩니다.

…에서

 
for (property in object) {
    
}

객체의 각 속성에 대해 코드 블록을 실행합니다.

…을 위해

 
for (element of iterable) {
    
}

배열, 문자열 또는 맵과 같은 반복 가능한 객체의 각 요소에 대해 코드 블록을 실행합니다.
  양쪽에서 iPhone의 메시지를 삭제하는 방법

“break” 문 소개

break 문은 루프를 일찍 종료합니다. 루프가 진행되면서 break 문과 접촉하면 즉시 중지됩니다. 이로 인해 프로그램은 루프 이후 다음 명령문으로 이동합니다.

break는 여러 번의 반복이 실행되거나 기본 조건이 false가 될 때까지 기다리는 대신 예측할 수 없는 지점에서 루프를 중지하는 데 유용합니다. 매우 간단한 구문을 가지고 있습니다:

break;

다양한 JavaScript 루프에서 “break”를 사용하는 방법

이 예는 사용 가능한 각 JavaScript 루프에서 벗어날 수 있는 방법을 보여줍니다. 지역 변수의 값과 해당 값이 인쇄되거나 평가될 때 주의를 기울이십시오.

for 루프에서 벗어나기

const numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++)
{
    sum += numbers[i];
    if (sum > 5)
    {
        break;
    }
}
console.log(sum);

이 코드는 for 루프를 사용하여 요소 배열을 합산합니다. 루프는 배열의 각 요소를 반복하여 합산합니다. 조건은 합계가 5를 초과하는지 확인합니다. 그렇다면 break 문은 루프를 종료합니다.

While 루프에서 벗어나기

const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0;
while (i < numbers.length)
{
    product *= numbers[i];
    if (product > 10)
    {
        break;
    }
    i++;
}
console.log(product);

이 코드는 while 루프를 사용하여 배열 요소의 곱을 찾습니다. 루프는 배열의 각 요소를 반복하여 곱을 계산합니다. 조건 내부의 break 문은 곱이 10을 초과하면 루프를 중지합니다.

Do…While 루프에서 벗어나기

let i = 1;
do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }
    i++;
    if (i > 5)
    {
       break; 
    }
} while (i <= 10);

do…while 루프는 1부터 10까지의 숫자를 반복하여 짝수를 인쇄합니다. if 조건 내의 break 문은 루프 카운터가 5를 초과하는지 확인합니다. 조건이 true이면 루프를 종료합니다.

for…in 루프에서 벗어나기

const sentence = "Hello";
let result = "";
for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }
    result += sentence[index];
}
console.log(result);

루프는 문자열의 각 문자를 반복하여 연결합니다. 여기서 조건은 루프 인덱스가 2인지 확인합니다. 그렇다면 break를 사용하여 루프를 종료합니다.

  LinkedIn 메시지에 대한 수신 확인 및 입력 알림을 끄는 방법

for…of 루프에서 벗어나기

const numbers = [1, 2, 3, 4, 5];
for (let num of numbers.reverse())
{
    console.log(num);
    if (num === 3)
    {
        break;
    }
}

루프는 배열의 각 요소를 역순으로 반복하여 연결합니다. 루프가 값 3을 만나면 break 문을 통해 종료됩니다.

루프 끊기의 중요성

루프에서 벗어나는 것은 코드를 최적화하는 유용한 방법이 될 수 있습니다. 루프를 조기에 종료하면 불필요한 반복을 방지하고 시간 복잡성을 줄이며 오류를 효율적으로 처리할 수 있습니다.

이해를 강화하기 위해 프로그램의 다양한 JavaScript 루프에서 벗어나는 방법을 연습하는 데 집중하세요.