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
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!