DEV Community

Telles (@UnicornCoder)
Telles (@UnicornCoder)

Posted on • Edited on

Loops / Laços de repetição

Objetivos

  1. Entender o uso do laço de repetição
  2. Aprender laços de repetição em variáveis, arrays e objetos

Bora lá...

Aqui vamos abordar o uso do for(), for...in e for...of

Laços de repetição são usados para manter uma iteração enquanto aquele valor que estiver sendo ouvido for verdadeiro

for()

O for é o mais usado pelos devs pela praticidade na iteração, vamos analisar cada elemento desse metódo:

for ([inicialização]; [condição]; [expressão final]) declaração
Enter fullscreen mode Exit fullscreen mode

inicialização

Geralmente usada para iniciar o contador de variáveis. podemos criar ela no próprio for usando let

ou até mesmo já ter ela declarada e utilizarmos como inicializador.

condição

Uma expressão para ser avaliada antes de cada iteração do loop. Se esta expressão for true, a declaração será executado. Este teste da condição é opcional. Se omitido, a condição sempre será avaliada como verdadeira.

expressão final

Geralmente usado para atualizar ou incrementar a variável do contador.

declaração

Uma declaração que é executada enquanto a condição for verdadeira. Para executar múltiplas condições dentro do loop, use uma instrução de bloco ({...}) para agrupar essas condições. Para não executar declarações dentro do loop, use uma instrução vazia (;).

for (let i = 0; i < 4; i++) { console.log(i); } /* Output: 0 1 2 3 */
Enter fullscreen mode Exit fullscreen mode

for...in

O laço for...in interage nas propriedades (chaves) de um objeto, na ordem original de inserção.

for (variavel in objeto) {... }
Enter fullscreen mode Exit fullscreen mode

variavel

Uma propriedade diferente do objeto é atribuída em cada iteração. Pode ser declarada com qualquer nome.

objeto

Objeto com as propriedades enumeradas.

let obj = { a: 1, b: 2, c: 3 }; for (let prop in obj) { console.log("obj.", prop, " = ", obj[prop]); } /* Output: obj. a = 1 obj. b = 2 obj. c = 3 */
Enter fullscreen mode Exit fullscreen mode

for...of

O loop for...of percorre objetos iterativos dentro de um array para trazer cada um dos objetos para erem tratados de forma individual.

for (variavel of iteravel) { declaração }
Enter fullscreen mode Exit fullscreen mode

variável

A cada iteração, um objeto do array é atribuido à variavel.

iteravel

Array cujos atributos serão iterados.

let iterable = [ { name: "Larissa", admin: false }, { name: "Diego", admin: false }, { name: "Walace", admin: false }, ]; for (const value of iterable) { console.log(value.name); } /* Output: Larissa Diego Walace */
Enter fullscreen mode Exit fullscreen mode

Podemos usar em string também 

let iterable = "Telles"; for (let value of iterable) { console.log(value); } /* Output: T e l l e s */
Enter fullscreen mode Exit fullscreen mode

Conclusão

Podemos usar o escopo para realizar validações e tomar ações necessárias para cada um dos dados que precisamos usar, seja para valores ou até mesmo para chaves.

Top comments (0)