Neste artigo você vai aprender a como percorrer um objeto em JavaScript, utilizando estrutura de repetição comum da linguagem

percorrer um objeto em JavaScript capa

Conteúdo também disponível em vídeo:

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

Temos algumas abordagens para resolver este problema

Primeiramente vamos criar nossa estrutura, ou seja, nosso objeto que vamos percorrer

Veja o código base:

var pessoas = {
  01: 'Matheus',
  02: 'João',
  03: 'Pedro'
}

Agora vamos utilizar a primeira estratégia, que é o forEach, que basicamente faz um loop no objeto alvo, veja o exemplo:

Object.keys(pessoas).forEach(function(item){

 console.log(item + " - " + pessoas[item]);
 
});

Desta maneira a saída será:

"1 - Matheus"
"2 - João"
"3 - Pedro"

Outro método interessante é o for in, onde podemos percorrer um objeto também

Veja a sintaxe desta abordagem:

for (var item in pessoas){

  console.log(item + " - " + pessoas[item]);
  
}

Desta maneira teremos a mesma saída que anteriormente, porém agora utilizando o for in

Outra forma é o Object entries, onde teremos o mesmo resultado ao percorrer um objeto

Veja na prática:

for (var [key, value] of Object.entries(pessoas)) {

    console.log(key + " - " + value);
    
}

Note que todas as formas são muito semelhantes e nos levam ao mesmo resultado

Agora basta você escolher qual das formas é mais interessante para o seu código e aplicar 🙂

Conclusão

Neste artigo falamos sobre como percorrer um objeto em JavaScript

Utilizamos diversas abordagens, para você ter opções ao resolver este problema

Todas chegam ao mesmo resultado e dependendo do objeto, devem ter a mesma performance

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Inscrever-se
Notificar de
guest

2 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários
Vec

Muito bom!!

Battisti

Valeu!!