Neste artigo você vai aprender a como percorrer um array de objetos e acessar suas propriedades, utilizando a linguagem JavaScript

percorrer um array de objetos e acessar suas propriedades capa

Fala programador(a), beleza? Bora aprender mais sobre arrays e objetos!

Antigamente as soluções para percorrer array se limitavam a estruturas de repetição convecionais, como:

  • while;
  • for;
  • do while;
  • e outras;

Agora em JavaScript temos acesso a métodos mais modernos de iteração com array

Eles não servem apenas para acessar cada um dos elementos, mas também fazer filtros ou modificações

Alguns deles são:

  • filter;
  • map;
  • forEach;
  • some;
  • find;

Para apenas acessar as propriedades dos objetos de um array podemos utilizar o forEach, ele será suficiente

Veja um exemplo de código:

const users = [
  {name: "Matheus", age: 31},
  {name: "José", age: 40},
  {name: "Maria", age: 19}
]

users.forEach((user) => {
	
  console.log(`O usuário ${user.name} tem ${user.age} anos.`)

})

Note que temos um array de objetos chamado users, ele contém vários objetos

Utilizamos o método forEach diretamente nele, pois é um método de array

No método temos um argumento que é uma função, esta função recebe um argumento com um nome de nossa escolha

Este argumento é como se fosse uma variável individual da iteração atual, ou seja, teremos três repetições e em cada vez esse user terá os valores alterados

Isso torna possível acessar as propriedades de cada umd os objetos de nosso array de maneira simples

Deixe um comentário contando o que achou deste artigo 🙂

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

Conclusão

Neste artigo você viu como percorrer um array de objetos e acessar suas propriedades em JavaScript

Utilizamos o método forEach, que justamente acessa cada um dos itens do array

Vimos que temos outros métodos para fazer ações semelhantes de varredura, mas com outras características

Como o caso do método filter, que filtra elementos de um array baseado em uma condição

Está buscando a sua primeira vaga como Programador? 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!

Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments