Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda Usando o Loop For...of para Iteração de Arrays | Dominando Arrays em JavaScript
Estruturas de Dados em JavaScript

bookUsando o Loop For...of para Iteração de Arrays

Sintaxe

O loop for...of é uma forma mais moderna e concisa de iterar sobre arrays. Ele gerencia automaticamente o contador do loop e fornece acesso direto ao valor de cada elemento. A sintaxe para um loop for...of é a seguinte:

for (const element of array) {
  // Code to be executed for each array element
}

Nesta sintaxe:

  • const element é uma variável que armazena o valor de cada elemento durante cada iteração;
  • of array especifica o array que desejamos iterar.

Exemplo

Veja um exemplo de uso do loop for...of para obter o mesmo resultado do loop for anterior:


              
12345

            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}
copy
  • Linha 1: Declara uma variável constante chamada students e atribui a ela um array contendo três strings - "Brandon", "Mario" e "Saul". Este array representa uma lista de nomes de estudantes;
  • Linha 3: Inicia um loop for...of. O loop é utilizado para iterar por cada elemento do array students, um de cada vez;
  • Linha 4: Dentro do loop for...of, utiliza-se a função console.log() para exibir o valor do elemento atual no console. A variável student representa o elemento atual do array em cada iteração do loop. Assim, na primeira iteração será "Brandon", na segunda iteração, "Mario" e na terceira iteração, "Saul".

1. Qual é a principal vantagem de utilizar um loop for...of ao iterar sobre arrays?

2. Na sintaxe do loop for...of, o que representa o const element?

3. Qual é o propósito da parte of array na sintaxe do laço for...of?

question mark

Qual é a principal vantagem de utilizar um loop for...of ao iterar sobre arrays?

Select the correct answer

question mark

Na sintaxe do loop for...of, o que representa o const element?

Select the correct answer

question mark

Qual é o propósito da parte of array na sintaxe do laço for...of?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain the difference between `for...of` and `for...in` loops?

Are there any limitations to using `for...of` with objects?

Can you show how to use `for...of` with other iterable types, like strings or Sets?

Awesome!

Completion rate improved to 2.27

bookUsando o Loop For...of para Iteração de Arrays

Deslize para mostrar o menu

Sintaxe

O loop for...of é uma forma mais moderna e concisa de iterar sobre arrays. Ele gerencia automaticamente o contador do loop e fornece acesso direto ao valor de cada elemento. A sintaxe para um loop for...of é a seguinte:

for (const element of array) {
  // Code to be executed for each array element
}

Nesta sintaxe:

  • const element é uma variável que armazena o valor de cada elemento durante cada iteração;
  • of array especifica o array que desejamos iterar.

Exemplo

Veja um exemplo de uso do loop for...of para obter o mesmo resultado do loop for anterior:


              
12345

            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}
copy
  • Linha 1: Declara uma variável constante chamada students e atribui a ela um array contendo três strings - "Brandon", "Mario" e "Saul". Este array representa uma lista de nomes de estudantes;
  • Linha 3: Inicia um loop for...of. O loop é utilizado para iterar por cada elemento do array students, um de cada vez;
  • Linha 4: Dentro do loop for...of, utiliza-se a função console.log() para exibir o valor do elemento atual no console. A variável student representa o elemento atual do array em cada iteração do loop. Assim, na primeira iteração será "Brandon", na segunda iteração, "Mario" e na terceira iteração, "Saul".

1. Qual é a principal vantagem de utilizar um loop for...of ao iterar sobre arrays?

2. Na sintaxe do loop for...of, o que representa o const element?

3. Qual é o propósito da parte of array na sintaxe do laço for...of?

question mark

Qual é a principal vantagem de utilizar um loop for...of ao iterar sobre arrays?

Select the correct answer

question mark

Na sintaxe do loop for...of, o que representa o const element?

Select the correct answer

question mark

Qual é o propósito da parte of array na sintaxe do laço for...of?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 7
some-alt