Objetivos
- Entender o uso do laço de repetição
- 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
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
*/
for...in
O laço for...in
interage nas propriedades (chaves) de um objeto, na ordem original de inserção.
for (variavel in objeto) {...
}
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
*/
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
}
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
*/
Podemos usar em string
também
let iterable = "Telles";
for (let value of iterable) {
console.log(value);
}
/* Output:
T
e
l
l
e
s
*/
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)