Como quebrar loops de JavaScript e por que você pode precisar fazer isso

Principais conclusões

  • Os loops JavaScript são essenciais para repetir código, e compreender sua sintaxe e nuances é crucial.
  • A instrução break permite encerrar um loop antecipadamente, permitindo uma execução de código mais eficiente.
  • Sair de um loop pode otimizar seu código, evitar iterações desnecessárias e ajudar a lidar com erros de maneira eficaz.

Os loops do JavaScript permitem repetir o código, mas às vezes você precisará sair de um loop para lidar com um caso especial. É aqui que entra a instrução break. Descubra como a instrução break funciona e por que você pode precisar dela.

Compreendendo os loops JavaScript

Os loops JavaScript permitem repetir o código, mantendo seu programa limpo e reduzindo a repetição. Loops são um conceito importante que quase todos os programas que você escreve usarão. Portanto, se você está apenas começando a aprender JavaScript, certifique-se de entender completamente os loops.

Os diferentes tipos de loops JavaScript com os quais você deve estar familiarizado incluem:

  • para loop
  • enquanto loop
  • faça… enquanto loop
  • para…em loop
  • para…de loop
  Corrigir Fire TV incapaz de se conectar ao servidor neste momento

Todos eles realizam iterações, mas possuem pequenas nuances que os tornam adequados para diferentes situações. Esta é a aparência da sintaxe de cada tipo de loop:

Tipo de loop

Sintaxe

Descrição

para

for (init; cond; next) {
    
}

Executa um bloco de código desde que uma condição especificada (cond) seja verdadeira. A expressão de inicialização (init) é executada uma vez, no início do loop, enquanto a próxima expressão é executada sempre que o loop atinge o final do bloco de código.

enquanto

while (condition) {
    
}

Executa um bloco de código desde que uma condição especificada seja verdadeira.

fazer enquanto

do {
    
} while (condition);

Executa um bloco de código desde que uma condição especificada seja verdadeira. Verifica a condição após executar o bloco de código, portanto sempre será executado pelo menos uma vez.

para…em

for (property in object) {
    
}

Executa um bloco de código para cada propriedade de um objeto.

para de

for (element of iterable) {
    
}

Executa um bloco de código para cada elemento em um objeto iterável, como uma matriz, uma string ou um mapa.

Uma introdução à declaração de “pausa”

A instrução break encerra um loop antecipadamente. À medida que o loop avança, ao entrar em contato com a instrução break, ele para imediatamente. Isso faz com que o programa passe para a próxima instrução após o loop.

  6 melhores gerentes de proxy para gerenciar proxies em escala

break é útil para parar um loop em um ponto imprevisível, em vez de esperar que uma série de iterações sejam executadas ou que a condição principal se torne falsa. Possui uma sintaxe muito simples:

break; 

Como usar “break” em diferentes loops JavaScript

Esses exemplos demonstram como você pode interromper cada um dos loops JavaScript disponíveis. Preste muita atenção aos valores das variáveis ​​locais e quando elas são impressas ou avaliadas.

Saindo de um loop 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);

Este código soma uma matriz de elementos usando um loop for. O loop itera sobre cada elemento do array, somando-os. A condição verifica se a soma excede 5. Nesse caso, a instrução break encerra o loop.

Saindo de um loop 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);

Este código usa um loop while para encontrar o produto dos elementos em um array. O loop itera sobre cada elemento da matriz, calculando o produto. Uma instrução break dentro da condição interromperá o loop quando o produto exceder 10.

  Por que Dark Souls é tão difícil?

Saindo de um loop Do… While

let i = 1;

do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }

    i++;

    if (i > 5)
    {
       break;
    }
} while (i <= 10);

O loop do…while itera sobre os números de 1 a 10, imprimindo números pares. A instrução break dentro da condição if verifica se o contador do loop excede 5. Ela sai do loop se a condição for verdadeira.

Saindo de um loop for…in

const sentence = "Hello";
let result = "";

for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }

    result += sentence[index];
}

console.log(result);

O loop itera sobre cada caractere da string, concatenando-os. Aqui, a condição verifica se o índice do loop é igual a 2. Se for, sai do loop usando break.

Saindo de um loop for…of

const numbers = [1, 2, 3, 4, 5];

for (let num of numbers.reverse())
{
    console.log(num);

    if (num === 3)
    {
        break;
    }
}

O loop itera sobre cada elemento da matriz na ordem inversa, concatenando-os. Se o loop encontrar o valor 3, ele será encerrado por meio da instrução break.

A importância de quebrar loops

Sair de um loop pode ser uma maneira útil de otimizar seu código. Sair antecipadamente dos loops pode evitar iterações desnecessárias, reduzir a complexidade do tempo e permitir que você lide com erros com eficiência.

Concentre-se em praticar como romper os diferentes loops de JavaScript em seus programas para fortalecer sua compreensão.