CodeGym /Cursos /Frontend SELF PT /Controle do fluxo de execução de loops

Controle do fluxo de execução de loops

Frontend SELF PT
Nível 34, Lição 4
Disponível

10.1 Operador break

Os operadores break e continue são usados para controlar o fluxo de execução de loops em JavaScript. Eles permitem interromper imediatamente a execução do loop ou pular para a próxima iteração, respectivamente.

Operador break

O operador break é usado para sair imediatamente de um loop. Quando break é encontrado no corpo do loop, a execução do loop é interrompida e o controle é transferido para o próximo bloco de código após o loop.

Sintaxe:

    
      break;
    
  

Interrompendo o loop for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i === 5) {
          break; // Interrompe o loop ao atingir i = 5
        }
        console.log(i);
      }

      // Saída: 0 1 2 3 4
    
  

10.2 Operador continue

O operador continue é usado para pular a iteração atual de um loop e passar para a próxima. Ao contrário do operador break, continue não finaliza todo o loop, mas apenas ignora a iteração atual.

Sintaxe:

    
      continue;
    
  

Pulando uma iteração no loop for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i % 2 === 0) {
          continue; // Pula a iteração atual se i for par
        }
        console.log(i);
      }

      // Saída: 1 3 5 7 9
    
  

Pulando uma iteração no loop while:

JavaScript
    
    let i = 0;

    while (i < 10) {
      i++;
      if (i % 2 === 0) {
        continue; // Pula a iteração atual se i for par
      }
      console.log(i);
    }

    // Saída: 1 3 5 7 9
    
  

10.3 Comparação dos operadores break e continue

Operador Descrição Exemplos de uso
break Encerra imediatamente a execução do loop atual Sair de um loop ao atender uma condição
continue Pula a iteração atual do loop e passa para a próxima iteração Pular a iteração do loop ao atender uma condição

Os operadores break e continue são ferramentas poderosas para controlar o fluxo de execução de loops em JavaScript. break é usado para encerrar imediatamente o loop, enquanto continue ignora a iteração atual e passa para a próxima. O uso correto desses operadores permite criar um código mais flexível e eficiente, que é mais fácil de entender e manter.

10.4 Uso de break e continue em loops aninhados

Loops aninhados são loops que estão dentro de outros loops. Os operadores break e continue podem ser usados nessas construções para controlar o fluxo de execução tanto do loop externo quanto do interno.

Exemplo com break em loops aninhados:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            break; // sai do loop interno
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Saída:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  

Exemplo com continue em loops aninhados:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            continue; // pula a iteração do loop interno
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Saída:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 1, j = 2
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  
1
Tarefa
Frontend SELF PT, nível 34, lição 4
Bloqueado
Interrupção no 7
Interrupção no 7
1
Tarefa
Frontend SELF PT, nível 34, lição 4
Bloqueado
Pulando os pares
Pulando os pares
1
Pesquisa/teste
Loops e arrays, nível 34, lição 4
Indisponível
Loops e arrays
Loops e arrays
Comentários
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION