Skip to main content

Command Palette

Search for a command to run...

Estrutura de repetição

Conheça os diferentes tipos de loops em JavaScript

Updated
2 min read
Estrutura de repetição

Loops verificam uma condição.

Se retornar true, um bloco de código será executado. Então a condição será verificada novamente e, se ela ainda retornar true, o bloco de código será executado novamente.

Ela é repetida até a condição retornar false.

Há três tipos comuns de loops:

For - percorre um bloco de código várias vezes.

for (let i = 0; i < 5; i++) {
        let msg = `Número ${i}`;
        console.log(msg);
}

// OUTPUT: Número 0 ... Número 4

For/in - percorre as propriedades de um objeto.

let users = {fname: "Bruno", lname: "Lima", age:26};

for(let x in users) {
        let msg = `${users[x]}`;
        console.log(msg);
}

// OUTPUT: Bruno, Lima, 26

For/of - percorre os valores de um objeto iterável.

let cars = ['Celta','Fusca','Gol'];

for (let x of cars) {
        let msg = `Modelo: ${x}`;
        console.log(msg);
}

// OUTPUT: Modelo: Celta, Modelo: Fusca, Modelo: Gol

While - percorre um bloco de código enquanto uma condição especificada é verdadeira.

let i = 0;
while (i <= 10) {
    let mult = (i*10);
  console.log(`${i} x 10 = ${mult}`);
  i++;
}

// OUTPUT: 0 x 10 = 0 ... 10 x 10 = 100

Do while - também percorre um bloco de código enquanto uma condição especificada é verdadeira.

let i = 0;
do {
  let msg = `Número ${i}`;
  console.log(msg);
  i++;
} while (i <= 10);

// OUTPUT: Número 0 ... Número 10

forEach - método que executa um callback fornecido uma vez para cada elemento em uma matriz em ordem com um valor atribuído.

let sum = 0;
let numbers = [10,20,30,40,50];

numbers.forEach(myFunction);

function myFunction(item) {
    sum += item;
    console.log(sum);
}

// OUTPUT: 10, 30, 60, 100, 150

Conclusão

Os loops são poderosas estruturas de controle de fluxo que permitem a execução repetida de um bloco de código enquanto uma condição específica é atendida. Com tipos como for, for/in, for/of, while, do while e forEach, é possível manipular arrays, objetos e iteráveis de forma eficiente. Cada tipo de loop tem suas características e usos específicos, oferecendo flexibilidade e praticidade na programação. Ao dominar o uso dos loops, os desenvolvedores podem escrever código mais conciso, legível e eficiente.

JavaScript

Part 6 of 12

Nesta série cativante, mergulhe no mundo poderoso e versátil do JavaScript. Desde os fundamentos essenciais até os conceitos avançados, esta série oferece uma jornada completa para você.

Up next

Funções

Diferentes tipos de funções em JavaScript

More from this blog

Á

Áreadev

36 posts