Estruturas de repetio em javascript (loops)

Prévia do material em texto

Estruturas de repetição em javascript (loops) 1
Estruturas de repetição em 
javascript (loops)
Tags
Os loops de repetição são estruturas de controle de fluxo que permitem a execução de 
um trecho de código várias vezes. Em JavaScript, existem três tipos de loops de 
repetição: for, for...in e while.
1. O loop for é usado quando se sabe quantas vezes o código deve ser repetido. Ele 
tem a seguinte estrutura:
Copy code 
for (var i = 0; i < 10; i++) { 
 console.log(i); 
} 
 
Neste exemplo, a variável "i" é iniciada com o valor 0, e o código dentro do loop será 
executado enquanto "i" for menor que 10. A cada iteração, o valor de "i" é incrementado 
em 1.
1. O loop for...in é usado para percorrer objetos e arrays. Ele tem a seguinte estrutura:
Copy code 
var arr = [3, 5, 7]; 
for (var index in arr) { 
 console.log(arr[index]); 
} 
 
Neste exemplo, o loop percorre cada elemento do array "arr" e imprime seu valor.
1. O loop while é usado quando não se sabe quantas vezes o código deve ser 
repetido. Ele tem a seguinte estrutura:
Copy code 
var i = 0; 
Estruturas de repetição em javascript (loops) 2
while (i < 10) { 
 console.log(i); 
 i++; 
} 
 
Neste exemplo, o código dentro do loop será executado enquanto "i" for menor que 10. 
A cada iteração, o valor de "i" é incrementado em 1.
Além desses três loops, também existe o loop do...while. Ele é semelhante ao while, 
mas garante que o código dentro do loop seja executado pelo menos uma vez, 
independentemente da condição de parada.
Além dos loops for, for...in, while e do...while, existe também a estrutura de repetição 
for...of. Ele é usado para iterar sobre valores de objetos iteráveis, como arrays, strings 
e outros objetos. Ele tem a seguinte estrutura:
Copy code 
let arr = [3, 5, 7]; 
for (let value of arr) { 
 console.log(value); 
} 
 
Neste exemplo, o loop percorre cada elemento do array "arr" e imprime seu valor.
Além desses loops, também existe a estrutura "continue", que permite pular para a 
próxima iteração do loop sem finalizar a atual. Por exemplo:
Copy code 
for (var i = 0; i < 10; i++) { 
 if (i % 2 !== 0) continue; 
 console.log(i); 
} 
 
Neste exemplo, o código dentro do if será executado em cada iteração do loop. Se a 
condição for verdadeira (i não é par), a instrução "continue" será executada e a iteração 
atual será pulada, passando para a próxima. Caso contrário, o valor de i será impresso.
Estruturas de repetição em javascript (loops) 3
E também existe a estrutura "break", que permite sair do loop atual independentemente 
da condição de parada. Por exemplo:
Copy code 
for (var i = 0; i < 10; i++) { 
 if (i === 5) break; 
 console.log(i); 
} 
 
Neste exemplo, o código dentro do if será executado em cada iteração do loop. Se a 
condição for verdadeira (i é igual a 5), a instrução "break" será executada e o loop será 
finalizado.
Em resumo, os loops de repetição são ferramentas poderosas para executar um trecho 
de código várias vezes e existem várias estruturas de loops no javascript, cada uma 
com sua finalidade específica.
Além das estruturas de loops já mencionadas (for, for...in, for...of, while e do...while) e 
as estruturas de controle (continue e break), existem ainda outras ferramentas para 
controlar a repetição de código em JavaScript. Uma delas é a função "forEach()", que é 
um método presente em arrays e é usado para executar uma função em cada elemento 
do array. Por exemplo:
Copy code 
let arr = [3, 5, 7]; 
arr.forEach(function(value) { 
 console.log(value); 
}); 
 
Neste exemplo, a função passada como parâmetro será chamada para cada elemento 
do array "arr", imprimindo cada valor.
Outra ferramenta é a função "map()", que também é um método presente em arrays e é 
usado para criar um novo array com os resultados de uma função aplicada a cada 
elemento. Por exemplo:
Estruturas de repetição em javascript (loops) 4
 
let arr = [3, 5, 7]; 
let newArr = arr.map(function(value) { 
 return value * 2; 
}); 
console.log(newArr); 
 
Neste exemplo, a função passada como parâmetro será chamada para cada elemento 
do array "arr", duplicando cada valor e retornando um novo array com esses valores.
Existem outras ferramentas como filter(), reduce() e outras, que são usadas para 
manipular arrays. Todas essas ferramentas são úteis para realizar tarefas específicas 
de forma mais concisa e eficiente.
Em resumo, existem várias formas de realizar loops de repetição em JavaScript, cada 
uma com sua finalidade específica e além disso existem funções específicas para 
trabalhar com arrays que ajudam a realizar tarefas de forma mais concisa e eficiente.
Exercício: 
Escreva um programa em JavaScript que imprima todos os números pares entre 0 e 
10, usando um laço "for".
 
for (var i = 0; i <= 10; i++) { 
 if (i % 2 !== 0) continue; 
 console.log(i); 
} 
 
Solução: O programa usa um laço "for" para iterar de 0 a 10. Dentro do laço, verifica-se 
se o número atual (i) é par usando o operador de resto (%). Se não for par (i % 2 !== 
0), a instrução "continue" é executada e a iteração atual é pulada, passando para a 
próxima. Caso contrário, o valor de i é impresso. O resultado seria: 0, 2, 4, 6, 8, 10.
Esse exercício tem como objetivo ensinar a estrutura do for, usando a estrutura de 
controle continue, e como verificar se um número é par. E você pode modificar esse 
Estruturas de repetição em javascript (loops) 5
exemplo para verificar outras condições, como imprimir números impares, ou de outra 
faixa de números, ou outras coisas.