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!