JavaScript

Remover elemento de array baseado em propriedade do objeto

1 de agosto de 2022

Remover elemento de array baseado em propriedade do objeto

Neste artigo você vai aprender a remover elemento de array baseado em propriedade do objeto, utilizando a linguagem JavaScript

Remover elemento de array baseado em propriedade do objeto capa

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

Para resolver esse problema podemos utilizar o método filter

Que é um método exclusivo para arrays, e pode trabalhar com os objetos que nele estão

Faremos uma comparação dentro de filter, e os itens que não cumprirem os requisitos serão removios

O filter faz um loop em todos os elementos de uma lista

Veja um exemplo prático:

const users = [
	{id: 1, name: "Matheus"},
  {id: 2, name: "João"},
  {id: 3, name: "Maria"},
]

const userRemovedArray = users.filter((user) => {
	return user.id !== 2
})

console.log(userRemovedArray) 

/* [{
  id: 1,
  name: "Matheus"
}, {
  id: 3,
  name: "Maria"
}]

*/

Veja que acima temos um array de usuários, depois aplicamos o método filter nele

Em filter temos a condição, que aqui checa um valor específico na propriedade id

Você deve alterar para a propriedade que deseja e fazer a ‘filtragem’

Desta maneira removeremos um ou mais itens que não se adequam ao que estamos precisando

Conclusão

No artigo de hoje você viu como remover elemento de array baseado em propriedade do objeto

Utilizamos o método filter, que faz um loop em todos os itens do array

Podemos definir uma condição para remover os itens indesejados pelo valor de sua propriedade

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 tecnologias. O link acima contém um cupom de desconto para os curso

Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x