DEV Community

Telles (@UnicornCoder)
Telles (@UnicornCoder)

Posted on • Updated 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)