Como acessar o índice em for of loop JavaScript

Neste artigo você vai aprender a como acessar o índice em for of loop, ou seja, o número do índice do elemento do array

Fala programador(a), beleza? Bora aprender mais sobre o for of de JavaScript!

O for of é uma estrutura de repetição “nova”, pois foi lançado na versão ES6 de JS

Para acessar o índice de um elemento no for of vamos precisar de um método chamado entries

O que acontece é uma desestruturação dos valores no andar do loop

Fazendo com que seja possível obter os valores tanto do índice como também o valor do elemento

Veja um exemplo:

const array = ["a", "b", "c", "d"]

for (const [index, value] of array.entries()) {
  console.log(`I: ${index} - V: ${value}`)
}

 /*
 "I: 0 - V: a"
 "I: 1 - V: b"
 "I: 2 - V: c"
 "I: 3 - V: d"
*/

Inicialmente temos o array e aplicamos a estrutura de repetição for of nele

Com entries conseguimos pegar os valores que precisamos:

• index: índice do elemento;
• value: valor atual do elemento na estrutura de repetição;

Veja como ficou a saída de dados do console.log nos comentários abaixo do código

Assim você consegue obter de modo simples o índice do elemento! 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você aprendeu a acessar o índice em for of loop

Utilizamos o método entries, que identifica os índices e valores de um array

Depois basta acessar o que precisamos dentro do corpo da estrutura de repetição

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!