Revisão de Loops em JavaScript

Trabalhando com Loops

  • for Loop: Este tipo de loop é usado para repetir um bloco de código um certo número de vezes. Este loop é dividido em três partes: a declaração de inicialização, a condição e a declaração de incremento/decremento. A declaração de inicialização é executada antes do loop começar. Ela é tipicamente usada para inicializar uma variável contador. A condição é avaliada antes de cada iteração do loop. Uma iteração é uma única passagem pelo loop. Se a condição for true, o bloco de código dentro do loop é executado. Se a condição for false, o loop para e você passa para o próximo bloco de código. A declaração de incremento/decremento é executada após cada iteração do loop. Ela é tipicamente usada para incrementar ou decrementar a variável contador.
for (let i = 0; i < 5; i++) {
  console.log(i);
}
  • Loop for...of: Este tipo de loop é usado quando você precisa iterar sobre valores de um iterável. Exemplos de iteráveis são arrays e strings.
const numbers = [1, 2, 3, 4, 5];

for (const num of numbers) {
  console.log(num);
}
  • Loop for...in: Este tipo de loop é melhor usado quando você precisa iterar sobre as propriedades de um objeto. Este loop irá percorrer todas as propriedades enumeráveis de um objeto, incluindo propriedades herdadas e propriedades não numéricas.
const fruit = {
  name: 'apple',
  color: 'red',
  price: 0.99
};

for (const prop in fruit) {
  console.log(fruit[prop]);
}
  • Loop while: Este tipo de loop executará um bloco de código enquanto a condição for true.
let i = 5;

while (i > 0) {
  console.log(i);
  i--;
}
  • Loop do...while: Este tipo de loop executará o bloco de código pelo menos uma vez antes de verificar a condição.
let userInput;

do {
  userInput = prompt("Please enter a number between 1 and 10");
} while (Number(userInput) < 1 || Number(userInput) > 10);

alert("You entered a valid number!");

Declarações break e continue

  • Definição: Uma declaração break é usada para sair de um loop antecipadamente, enquanto uma declaração continue é usada para pular a iteração atual de um loop e passar para a próxima.
// Example of break statement
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

// Output: 0, 1, 2, 3, and 4

// Example of continue statement 
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  console.log(i);
}

// Output: 0, 1, 2, 3, 4, 6, 7, 8, and 9