Loops no Javascript: Loops são uma parte fundamental de qualquer linguagem de programação, permitindo que um bloco de código seja executado repetidamente. Em JavaScript, temos várias estruturas de loop disponíveis como por exemlo: for
, for...of
, forEach
, while
e do...while
.
Neste artigo, vamos explorar cada uma dessas estruturas.
For
O loop for
é uma das estruturas de loop mais comuns em JavaScript. Ele consiste em três partes: inicialização, condição e incremento.
for (let i = 0; i < 5; i++) {
console.log(i); // Saída: 0, 1, 2, 3, 4
}
For…of
O loop for...of
é usado para iterar sobre os valores de um objeto iterável, como um array.
let array = [1, 2, 3, 4, 5];
for (let valor of array) {
console.log(valor); // Saída: 1, 2, 3, 4, 5
}
ForEach
O método forEach()
é usado para executar uma função em cada item de um array.
let array = [1, 2, 3, 4, 5];
array.forEach(function(valor, indice) {
console.log(valor); // Saída: 1, 2, 3, 4, 5
});
While
O loop while
executa um bloco de código enquanto uma condição específica for verdadeira.
let i = 0;
while (i < 5) {
console.log(i); // Saída: 0, 1, 2, 3, 4
i++;
}
Do…While
O loop do...while
é semelhante ao loop while
, mas a condição é verificada após a execução do bloco de código. Isso significa que o bloco de código será executado pelo menos uma vez.
let i = 0;
do {
console.log(i); // Saída: 0, 1, 2, 3, 4
i++;
} while (i < 5);
Conclusão
Loops são uma parte essencial de qualquer linguagem de programação, e o JavaScript não é exceção. Eles permitem que você execute um bloco de código repetidamente, o que é útil para tarefas como processar itens em um array ou repetir uma ação até que uma condição seja atendida.
Dominar as estruturas de loop é fundamental para se tornar um bom programador JavaScript. Pratique e experimente essas estruturas por conta própria para obter uma compreensão mais profunda de como elas funcionam.
E para você validar seus códigos, você precisará de uma plataforma de host completa. Clique aqui e conheça a Hostinger, a hospedagem de sites com potência de verdade!!!