Como pegar o índice de um loop for of em JavaScript

Neste artigo você vai aprender a como pegar o índice de um loop for of em JavaScript, utilizando uma abordagem super simples!

Fala programador(a), beleza? Bora aprender mais sobre loops e JavaScript!

Para conseguir extrair o índice em um loop de for of vamos precisar utilizar o método entries de array

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Desestruturando os seus retornos em índice e valor, utilizando colchetes [ ]

Desta maneira conseguimos tanto o valor do contador, como também do elemento

Veja o código completo:

const names = ["Matheus", "Josias", "Diogo"]

for([index, value] of names.entries()) {
	console.log(`${index} - ${value}`)
}
 

O resultado será:

"0 - Matheus"
"1 - Josias"
"2 - Diogo"

Ou seja, o método entries nos dá duas informações, o índice do elemento e também o seu valor

Por isso é possível extrair o que estamos precisando com este simples código! 🙂

Conclusão

Neste artigo você aprendeu a como pegar o índice de um loop for of em JavaScript

Utilizamos o método de array entries, para obter o que precisamos

Unimos o método a um loop e temos os valores sendo retornados

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologiasO link acima contém um cupom de desconto para os cursos!